#31A9CE

#31A9CE

Color Values

HEX

#31A9CE

RGB

49, 169, 206

HSL

194.1, 61.6%, 50.0%

HSV

194.1, 76.2%, 80.8%

CMYK

76.2%, 18.0%, 0.0%, 19.2%

OKLCH

0.6861 0.1149 223.4

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#31A9CE

#CE5631

Analogous

#31CEA4

#315BCE

#31A9CE

Triadic

#31A9CE

#CE31A9

#A9CE31

Split Complementary

#31A9CE

#CE315B

#CEA431

Tetradic

#31A9CE

#A431CE

#CE5631

#5BCE31

Color Blindness Simulation

Original

#31A9CE

Protanopia

#6566C5

Deuteranopia

#5E55C3

Tritanopia

#37BEBC

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F3F9FB
100
#E4F2F6
200
#C5E7F1
300
#9CD6E7
400
#67BFDB
500
#31A9CE
600
#2787A5
700
#1F6C84
800
#185567
900
#163F4B
950
#0E2830

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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