#1F5960

#1F5960

Color Values

HEX

#1F5960

RGB

31, 89, 96

HSL

186.5, 51.2%, 24.9%

HSV

186.5, 67.7%, 37.6%

CMYK

67.7%, 7.3%, 0.0%, 62.4%

OKLCH

0.4296 0.06 206.3

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#1F5960

#60261F

Analogous

#1F6047

#1F3860

#1F5960

Triadic

#1F5960

#601F59

#59601F

Split Complementary

#1F5960

#601F38

#60471F

Tetradic

#1F5960

#471F60

#60261F

#38601F

Color Blindness Simulation

Original

#1F5960

Protanopia

#38395E

Deuteranopia

#35305E

Tritanopia

#225D5D

Achromatopsia

#4D4D4D

CSS Usage

background-color: #1F5960;
color: #1F5960;
border-color: #1F5960;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9EAEE
300
#A2DAE1
400
#70C6D1
500
#3EB3C1
600
#328F9A
700
#28727B
800
#1F5960
900
#1A4247
950
#102A2D

Contrast Checker

Text on white

7.91:1

AA Pass AAA Pass

Text on black

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