#31ACB0

#31ACB0

Color Values

HEX

#31ACB0

RGB

49, 172, 176

HSL

181.9, 56.4%, 44.1%

HSV

181.9, 72.2%, 69.0%

CMYK

72.2%, 2.3%, 0.0%, 31.0%

OKLCH

0.6813 0.1039 198.2

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#31ACB0

#B03531

Analogous

#31B074

#316CB0

#31ACB0

Triadic

#31ACB0

#B031AC

#ACB031

Split Complementary

#31ACB0

#B0316C

#B07431

Tetradic

#31ACB0

#7431B0

#B03531

#6CB031

Color Blindness Simulation

Original

#31ACB0

Protanopia

#6667AF

Deuteranopia

#5F56AF

Tritanopia

#37AEAE

Achromatopsia

#929292

CSS Usage

background-color: #31ACB0;
color: #31ACB0;
border-color: #31ACB0;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBFB
100
#E5F5F6
200
#C7EEEF
300
#9FE2E4
400
#6BD2D6
500
#38C3C7
600
#2C9CA0
700
#247D80
800
#1C6164
900
#184749
950
#0F2D2E

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

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