#31BFCE

#31BFCE

Color Values

HEX

#31BFCE

RGB

49, 191, 206

HSL

185.7, 61.6%, 50.0%

HSV

185.7, 76.2%, 80.8%

CMYK

76.2%, 7.3%, 0.0%, 19.2%

OKLCH

0.739 0.1161 205.7

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#31BFCE

#CE4031

Analogous

#31CE8E

#3171CE

#31BFCE

Triadic

#31BFCE

#CE31BF

#BFCE31

Split Complementary

#31BFCE

#CE3171

#CE8E31

Tetradic

#31BFCE

#8E31CE

#CE4031

#71CE31

Color Blindness Simulation

Original

#31BFCE

Protanopia

#6F70CA

Deuteranopia

#665CCA

Tritanopia

#38C8C7

Achromatopsia

#A2A2A2

CSS Usage

background-color: #31BFCE;
color: #31BFCE;
border-color: #31BFCE;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F3FBFB
100
#E4F5F6
200
#C5EDF1
300
#9CE0E7
400
#67D0DB
500
#31BFCE
600
#2799A5
700
#1F7A84
800
#186067
900
#16464B
950
#0E2C30

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

9.47:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026