HEX Color #7CA88A (Darkseagreen)

About #7CA88A

The precise color #7CA88A is an excellent choice for modern design projects. Designers often compare it to the standard color Darkseagreen. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 168, and 138.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 26% cyan, 0% magenta, 18% yellow, and 34% black. The HSL representation is 139.1° hue, 20.2% saturation, and 57.3% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#7CA88A

RGB124, 168, 138

HSL139.1°, 20.2%, 57.3%

CMYK26%, 0%, 18%, 34%

HSV139.1°, 26.2%, 65.9%

LAB65.1, -21.1, 10.8

XYZ26.9, 34.1, 29.2

Decimal8169610

Color Harmonies

Complementary

#7CA88A #A87B9A

Analogous

#84A87B #7BA89F

Triadic

#897BA8 #A8897B

Tetradic

#7B84A8 #A87B9A #A89F7B

Tints, Shades & Tones

Tints (Adding White)

#7CA88A

#8AB197

#99BBA4

#A7C5B1

#B6CEBE

#C4D8CB

#D3E2D8

#E1EBE5

#F0F5F2

#FFFFFF

Shades (Adding Black)

#7CA88A

#6E957A

#60826B

#52705C

#445D4C

#374A3D

#29382E

#1B251E

#0D120F

#000000

WCAG Contrast Accessibility

2.68:1

Text on #FFFFFF

FAIL

7.83:1

Text on #000000

AAA

2.56:1

Text on #F8FAFC

FAIL

6.65:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #7CA88A; }

.text-color { color: #7CA88A; }

.border-color { border: 2px solid #7CA88A; }

Similar Colors

Darkseagreen

#8FBC8F