#12306D

#12306D

Color Values

HEX

#12306D

RGB

18, 48, 109

HSL

220.2, 71.7%, 24.9%

HSV

220.2, 83.5%, 42.7%

CMYK

83.5%, 56.0%, 0.0%, 57.3%

OKLCH

0.327 0.1123 262.4

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#12306D

#6D4F12

Analogous

#125E6D

#21126D

#12306D

Triadic

#12306D

#6D1230

#306D12

Split Complementary

#12306D

#6D2112

#5E6D12

Tetradic

#12306D

#6D125E

#6D4F12

#126D21

Color Blindness Simulation

Original

#12306D

Protanopia

#1F1F5E

Deuteranopia

#1D1B5B

Tritanopia

#145350

Achromatopsia

#2E2E2E

CSS Usage

background-color: #12306D;
color: #12306D;
border-color: #12306D;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F3F6FC
100
#E2E9F8
200
#C2D3F5
300
#96B3EE
400
#5D8AE4
500
#2460DB
600
#1D4DAF
700
#173E8C
800
#12306D
900
#112650
950
#0B1832

Contrast Checker

Text on white

12.58:1

AA Pass AAA Pass

Text on black

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