HEX Color #2CAF99 (Lightseagreen)

About #2CAF99

The hex code #2CAF99 represents a beautifully specific shade of cyan. Designers often compare it to the standard color Lightseagreen. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 175, and 153.

For print applications, it's crucial to understand its CMYK makeup. The color uses 75% Cyan, 0% Magenta, 13% Yellow, and 31% Black. The HSL representation is 169.9° hue, 59.8% saturation, and 42.9% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#2CAF99

RGB44, 175, 153

HSL169.9°, 59.8%, 42.9%

CMYK75%, 0%, 13%, 31%

HSV169.9°, 74.9%, 68.6%

LAB64.6, -39.7, 1.3

XYZ22.1, 33.5, 35.4

Decimal2928537

Color Harmonies

Complementary

#2CAF99 #AF2C41

Analogous

#2CAF57 #2C83AF

Triadic

#992CAF #AF982C

Tetradic

#572CAF #AF2C41 #83AF2C

Tints, Shades & Tones

Tints (Adding White)

#2CAF99

#43B7A4

#5AC0AF

#72C9BB

#89D2C6

#A1DBD1

#B8E4DD

#D0EDE8

#E7F6F3

#FFFFFF

Shades (Adding Black)

#2CAF99

#279B88

#228877

#1D7466

#186155

#134D44

#0E3A33

#092622

#041311

#000000

WCAG Contrast Accessibility

2.73:1

Text on #FFFFFF

FAIL

7.70:1

Text on #000000

AAA

2.61:1

Text on #F8FAFC

FAIL

6.55:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #2CAF99; }

.text-color { color: #2CAF99; }

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

Similar Colors

Lightseagreen

#20B2AA