#001F8B

#001F8B

Color Values

HEX

#001F8B

RGB

0, 31, 139

HSL

226.6, 100.0%, 27.3%

HSV

226.6, 100.0%, 54.5%

CMYK

100.0%, 77.7%, 0.0%, 45.5%

OKLCH

0.3201 0.1779 263.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#001F8B

#8B6C00

Analogous

#00658B

#27008B

#001F8B

Triadic

#001F8B

#8B001F

#1F8B00

Split Complementary

#001F8B

#8B2700

#658B00

Tetradic

#001F8B

#8B0065

#8B6C00

#008B27

Color Blindness Simulation

Original

#001F8B

Protanopia

#0D0E71

Deuteranopia

#0C096B

Tritanopia

#025C58

Achromatopsia

#202020

CSS Usage

background-color: #001F8B;
color: #001F8B;
border-color: #001F8B;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F1F4FE
100
#DEE5FC
200
#B8C8FF
300
#85A0FF
400
#426CFF
500
#0039FF
600
#002ECC
700
#0024A3
800
#001C80
900
#05185C
950
#030F3A

Contrast Checker

Text on white

13.39:1

AA Pass AAA Pass

Text on black

1.57:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026