#31CAD2

#31CAD2

Color Values

HEX

#31CAD2

RGB

49, 202, 210

HSL

183.0, 64.1%, 50.8%

HSV

183.0, 76.7%, 82.4%

CMYK

76.7%, 3.8%, 0.0%, 17.6%

OKLCH

0.7671 0.1209 200.4

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#31CAD2

#D23931

Analogous

#31D28A

#3179D2

#31CAD2

Triadic

#31CAD2

#D231CA

#CAD231

Split Complementary

#31CAD2

#D23179

#D28A31

Tetradic

#31CAD2

#8A31D2

#D23931

#79D231

Color Blindness Simulation

Original

#31CAD2

Protanopia

#7375D0

Deuteranopia

#6A5FD0

Tritanopia

#39CFCE

Achromatopsia

#AAAAAA

CSS Usage

background-color: #31CAD2;
color: #31CAD2;
border-color: #31CAD2;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C4F0F2
300
#9BE5E9
400
#64D7DD
500
#2EC9D1
600
#25A1A7
700
#1D8186
800
#176569
900
#144A4C
950
#0D2E30

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

10.51:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026