#12199E

#12199E

Color Values

HEX

#12199E

RGB

18, 25, 158

HSL

237.0, 79.5%, 34.5%

HSV

237.0, 88.6%, 62.0%

CMYK

88.6%, 84.2%, 0.0%, 38.0%

OKLCH

0.3408 0.2022 267.4

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#12199E

#9E9712

Analogous

#125F9E

#51129E

#12199E

Triadic

#12199E

#9E1219

#199E12

Split Complementary

#12199E

#9E5112

#5F9E12

Tetradic

#12199E

#9E125F

#9E9712

#129E51

Color Blindness Simulation

Original

#12199E

Protanopia

#15157E

Deuteranopia

#151476

Tritanopia

#12645F

Achromatopsia

#212121

CSS Usage

background-color: #12199E;
color: #12199E;
border-color: #12199E;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F2F3FD
100
#E1E2F9
200
#BFC2F8
300
#9196F2
400
#565DEC
500
#1A24E5
600
#151DB7
700
#111792
800
#0D1272
900
#0E1153
950
#090B34

Contrast Checker

Text on white

12.66:1

AA Pass AAA Pass

Text on black

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