#1F2C44

#1F2C44

Color Values

HEX

#1F2C44

RGB

31, 44, 68

HSL

218.9, 37.4%, 19.4%

HSV

218.9, 54.4%, 26.7%

CMYK

54.4%, 35.3%, 0.0%, 73.3%

OKLCH

0.2935 0.0476 262.1

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#1F2C44

#44371F

Analogous

#1F3E44

#241F44

#1F2C44

Triadic

#1F2C44

#441F2C

#2C441F

Split Complementary

#1F2C44

#44241F

#3E441F

Tetradic

#1F2C44

#441F3E

#44371F

#1F4424

Color Blindness Simulation

Original

#1F2C44

Protanopia

#25253E

Deuteranopia

#24233D

Tritanopia

#203A39

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EBF3
200
#CED7E9
300
#ABBBD9
400
#7D96C4
500
#5071AF
600
#405B8C
700
#334970
800
#283958
900
#202C41
950
#141C29

Contrast Checker

Text on white

13.98:1

AA Pass AAA Pass

Text on black

1.5:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026