Turquoise#40E0D0

Turquoise Hex Code: #40E0D0

Turquoise is a light, moderately saturated cyan. Its OKLCH lightness is 82% and chroma 0.131. Text on this color reads best in black (contrast 12.79:1).

HEX#40E0D0
RGBrgb(64, 224, 208)
HSLhsl(174, 72%, 56%)
HSV / HSBhsv(174, 71%, 88%)
CMYKcmyk(71%, 0%, 7%, 12%)
OKLCHoklch(82.2% 0.131 185.1)

Open in converter →

Contrast

White text1.64:1
AAAA largeAAA
Black text12.79:1
AAAA largeAAA
On white1.64:1
AAAA largeAAA
On black12.79:1
AAAA largeAAA

Tints

#51E3D4#62E6D8#74E8DD#85EBE1#96EEE5#A7F1E9Pale Turquoise#B8F4EEPale Turquoise#CAF6F2#DBF9F6Light Cyan#ECFCFAAzure

Shades

#3ACCBDMedium Turquoise#34B8ABLight Sea Green#2FA498#298F85Dark Cyan#237B72Teal#1D6760#18534DDark Slate Gray#123F3A#0C2B28#061615

Matching colors

Complementary

#40E0D0Turquoise#E04050

Analogous

#40E0D0Turquoise#40E080#40A0E0

Triadic

#40E0D0Turquoise#D040E0#E0D040

Split complementary

#40E0D0Turquoise#E040A0#E08040

Similar named colors

Medium Turquoise#48D1CCDark Turquoise#00CED1Medium Aquamarine#66CDAATurquoise Blue#00FFEFSky Blue#87CEEBCyan#00FFFFBaby Blue#89CFF0Electric Blue#7DF9FF

All color names →

Code

CSScolor: #40E0D0;
Tailwindbg-[#40e0d0]
SwiftUIColor(red: 0.251, green: 0.878, blue: 0.816)
AndroidColor.parseColor("#40E0D0")
FlutterColor(0xFF40E0D0)

Turquoise is a CSS named color (turquoise); the value follows W3C CSS Color Module Level 4.

Frequently asked questions

What is the hex code for turquoise?

Turquoise is #40E0D0 in hex and rgb(64, 224, 208) in RGB.

What is turquoise in CMYK?

With the plain conversion formula it is cmyk(71, 0, 7, 12). For print, convert with your printer's ICC profile instead.

What text color works on turquoise?

Black text has the higher contrast at 12.79:1, which passes WCAG AA for normal text (4.5:1).