#12486D

#12486D

Color Values

HEX

#12486D

RGB

18, 72, 109

HSL

204.4, 71.7%, 24.9%

HSV

204.4, 83.5%, 42.7%

CMYK

83.5%, 33.9%, 0.0%, 57.3%

OKLCH

0.3867 0.0833 243.7

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#12486D

#6D3712

Analogous

#126D65

#121A6D

#12486D

Triadic

#12486D

#6D1248

#486D12

Split Complementary

#12486D

#6D121A

#6D6512

Tetradic

#12486D

#65126D

#6D3712

#1A6D12

Color Blindness Simulation

Original

#12486D

Protanopia

#292A64

Deuteranopia

#262262

Tritanopia

#155D5B

Achromatopsia

#3F3F3F

CSS Usage

background-color: #12486D;
color: #12486D;
border-color: #12486D;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F3F8FC
100
#E2EFF8
200
#C2E0F5
300
#96CAEE
400
#5DADE4
500
#2491DB
600
#1D74AF
700
#175D8C
800
#12486D
900
#113650
950
#0B2232

Contrast Checker

Text on white

9.66:1

AA Pass AAA Pass

Text on black

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