#12188D

#12188D

Color Values

HEX

#12188D

RGB

18, 24, 141

HSL

237.1, 77.4%, 31.2%

HSV

237.1, 87.2%, 55.3%

CMYK

87.2%, 83.0%, 0.0%, 44.7%

OKLCH

0.3182 0.183 268.1

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#12188D

#8D8712

Analogous

#12568D

#4A128D

#12188D

Triadic

#12188D

#8D1218

#188D12

Split Complementary

#12188D

#8D4A12

#568D12

Tetradic

#12188D

#8D1256

#8D8712

#128D4A

Color Blindness Simulation

Original

#12188D

Protanopia

#151571

Deuteranopia

#14146A

Tritanopia

#125A55

Achromatopsia

#1F1F1F

CSS Usage

background-color: #12188D;
color: #12188D;
border-color: #12188D;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F2F3FC
100
#E1E3F9
200
#C0C2F7
300
#9297F1
400
#585FEA
500
#1D26E2
600
#171FB5
700
#121991
800
#0E1371
900
#0F1252
950
#090B34

Contrast Checker

Text on white

13.63:1

AA Pass AAA Pass

Text on black

1.54:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026