#1F6F85

#1F6F85

Color Values

HEX

#1F6F85

RGB

31, 111, 133

HSL

192.9, 62.2%, 32.2%

HSV

192.9, 76.7%, 52.2%

CMYK

76.7%, 16.5%, 0.0%, 47.8%

OKLCH

0.5047 0.0815 220.5

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#1F6F85

#85351F

Analogous

#1F8568

#1F3C85

#1F6F85

Triadic

#1F6F85

#851F6F

#6F851F

Split Complementary

#1F6F85

#851F3C

#85681F

Tetradic

#1F6F85

#681F85

#85351F

#3C851F

Color Blindness Simulation

Original

#1F6F85

Protanopia

#424280

Deuteranopia

#3D377E

Tritanopia

#237B7B

Achromatopsia

#606060

CSS Usage

background-color: #1F6F85;
color: #1F6F85;
border-color: #1F6F85;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3FAFB
100
#E4F3F7
200
#C5E8F2
300
#9CD7E8
400
#66C2DB
500
#30ADCF
600
#278AA5
700
#1F6F84
800
#185667
900
#15404C
950
#0D2830

Contrast Checker

Text on white

5.72:1

AA Pass AAA Fail

Text on black

3.67:1

AA Fail AAA Fail

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