#31CEB1

#31CEB1

Color Values

HEX

#31CEB1

RGB

49, 206, 177

HSL

168.9, 61.6%, 50.0%

HSV

168.9, 76.2%, 80.8%

CMYK

76.2%, 0.0%, 14.1%, 19.2%

OKLCH

0.7662 0.1321 176.8

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#31CEB1

#CE314E

Analogous

#31CE62

#319DCE

#31CEB1

Triadic

#31CEB1

#B131CE

#CEB131

Split Complementary

#31CEB1

#CE319D

#CE6231

Tetradic

#31CEB1

#6231CE

#CE314E

#9DCE31

Color Blindness Simulation

Original

#31CEB1

Protanopia

#7576B8

Deuteranopia

#6C60BA

Tritanopia

#39BEBF

Achromatopsia

#ABABAB

CSS Usage

background-color: #31CEB1;
color: #31CEB1;
border-color: #31CEB1;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F3FBFA
100
#E4F6F3
200
#C5F1E9
300
#9CE7DA
400
#67DBC5
500
#31CEB1
600
#27A58E
700
#1F8471
800
#186758
900
#164B41
950
#0E3029

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

10.59: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