HEX Color #2CF8DB (Turquoise)

About #2CF8DB

Visually, #2CF8DB is defined as a vivid cyan. Designers often compare it to the standard color Turquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 248, and 219.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 82% cyan and 0% magenta inks. The HSL representation is 171.5° hue, 93.6% saturation, and 57.3% 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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#2CF8DB

RGB44, 248, 219

HSL171.5°, 93.6%, 57.3%

CMYK82%, 0%, 12%, 3%

HSV171.5°, 82.3%, 97.3%

LAB88.3, -53.3, 0.5

XYZ47.4, 72.8, 78.6

Decimal2947291

Color Harmonies

Complementary

#2CF8DB #F82B48

Analogous

#2BF875 #2BAEF8

Triadic

#DB2BF8 #F8DB2B

Tetradic

#752BF8 #F82B48 #AEF82B

Tints, Shades & Tones

Tints (Adding White)

#2CF8DB

#43F8DF

#5AF9E3

#72FAE7

#89FBEB

#A1FBEF

#B8FCF3

#D0FDF7

#E7FEFB

#FFFFFF

Shades (Adding Black)

#2CF8DB

#27DCC2

#22C0AA

#1DA592

#188979

#136E61

#0E5249

#093730

#041B18

#000000

WCAG Contrast Accessibility

1.35:1

Text on #FFFFFF

FAIL

15.56:1

Text on #000000

AAA

1.29:1

Text on #F8FAFC

FAIL

13.23:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Turquoise

#40E0D0