#1F4F60

#1F4F60

Color Values

HEX

#1F4F60

RGB

31, 79, 96

HSL

195.7, 51.2%, 24.9%

HSV

195.7, 67.7%, 37.6%

CMYK

67.7%, 17.7%, 0.0%, 62.4%

OKLCH

0.4025 0.0587 224.5

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#1F4F60

#60301F

Analogous

#1F6051

#1F2E60

#1F4F60

Triadic

#1F4F60

#601F4F

#4F601F

Split Complementary

#1F4F60

#601F2E

#60511F

Tetradic

#1F4F60

#511F60

#60301F

#2E601F

Color Blindness Simulation

Original

#1F4F60

Protanopia

#34345C

Deuteranopia

#312D5B

Tritanopia

#215958

Achromatopsia

#464646

CSS Usage

background-color: #1F4F60;
color: #1F4F60;
border-color: #1F4F60;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F4F9FB
100
#E5F1F5
200
#C9E4EE
300
#A2D1E1
400
#70B8D1
500
#3E9FC1
600
#327F9A
700
#28667B
800
#1F4F60
900
#1A3B47
950
#10252D

Contrast Checker

Text on white

8.95:1

AA Pass AAA Pass

Text on black

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