#1F3442

#1F3442

Color Values

HEX

#1F3442

RGB

31, 52, 66

HSL

204.0, 36.1%, 19.0%

HSV

204.0, 53.0%, 25.9%

CMYK

53.0%, 21.2%, 0.0%, 74.1%

OKLCH

0.3139 0.0368 238.7

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#1F3442

#422D1F

Analogous

#1F423E

#1F2242

#1F3442

Triadic

#1F3442

#421F34

#34421F

Split Complementary

#1F3442

#421F22

#423E1F

Tetradic

#1F3442

#3E1F42

#422D1F

#22421F

Color Blindness Simulation

Original

#1F3442

Protanopia

#28283F

Deuteranopia

#27253E

Tritanopia

#203C3B

Achromatopsia

#313131

CSS Usage

background-color: #1F3442;
color: #1F3442;
border-color: #1F3442;
Nearest Tailwind: Cyan 950 #083344

Tailwind Shades

50
#F5F8FA
100
#E8EEF3
200
#CEDEE8
300
#ACC6D8
400
#7FA7C3
500
#5189AE
600
#416D8B
700
#34576F
800
#294457
900
#213440
950
#152129

Contrast Checker

Text on white

12.9:1

AA Pass AAA Pass

Text on black

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