#12166E

#12166E

Color Values

HEX

#12166E

RGB

18, 22, 110

HSL

237.4, 71.9%, 25.1%

HSV

237.4, 83.6%, 43.1%

CMYK

83.6%, 80.0%, 0.0%, 56.9%

OKLCH

0.2771 0.1461 270.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#12166E

#6E6A12

Analogous

#12446E

#3C126E

#12166E

Triadic

#12166E

#6E1216

#166E12

Split Complementary

#12166E

#6E3C12

#446E12

Tetradic

#12166E

#6E1244

#6E6A12

#126E3C

Color Blindness Simulation

Original

#12166E

Protanopia

#141459

Deuteranopia

#141354

Tritanopia

#124844

Achromatopsia

#1C1C1C

CSS Usage

background-color: #12166E;
color: #12166E;
border-color: #12166E;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F3F3FC
100
#E2E3F8
200
#C2C4F5
300
#969AEE
400
#5D63E4
500
#242CDB
600
#1D23AF
700
#171C8C
800
#12166E
900
#111450
950
#0B0D32

Contrast Checker

Text on white

15.38:1

AA Pass AAA Pass

Text on black

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