#1F3142

#1F3142

Color Values

HEX

#1F3142

RGB

31, 49, 66

HSL

209.1, 36.1%, 19.0%

HSV

209.1, 53.0%, 25.9%

CMYK

53.0%, 25.8%, 0.0%, 74.1%

OKLCH

0.3057 0.0389 247.8

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#1F3142

#42301F

Analogous

#1F4241

#1F1F42

#1F3142

Triadic

#1F3142

#421F31

#31421F

Split Complementary

#1F3142

#421F1F

#42411F

Tetradic

#1F3142

#411F42

#42301F

#1F421F

Color Blindness Simulation

Original

#1F3142

Protanopia

#27273E

Deuteranopia

#26243D

Tritanopia

#203B3A

Achromatopsia

#2E2E2E

CSS Usage

background-color: #1F3142;
color: #1F3142;
border-color: #1F3142;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CEDCE8
300
#ACC2D8
400
#7FA2C3
500
#5181AE
600
#41678B
700
#34526F
800
#294057
900
#213140
950
#151F29

Contrast Checker

Text on white

13.32:1

AA Pass AAA Pass

Text on black

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