#12159C

#12159C

Color Values

HEX

#12159C

RGB

18, 21, 156

HSL

238.7, 79.3%, 34.1%

HSV

238.7, 88.5%, 61.2%

CMYK

88.5%, 86.5%, 0.0%, 38.8%

OKLCH

0.334 0.2027 267.6

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#12159C

#9C9912

Analogous

#125A9C

#54129C

#12159C

Triadic

#12159C

#9C1215

#159C12

Split Complementary

#12159C

#9C5412

#5A9C12

Tetradic

#12159C

#9C125A

#9C9912

#129C54

Color Blindness Simulation

Original

#12159C

Protanopia

#13137B

Deuteranopia

#131373

Tritanopia

#12625C

Achromatopsia

#1E1E1E

CSS Usage

background-color: #12159C;
color: #12159C;
border-color: #12159C;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F2F2FD
100
#E1E2F9
200
#BFC0F8
300
#9193F2
400
#5659EB
500
#1A1FE5
600
#1519B7
700
#111492
800
#0D0F72
900
#0E0F53
950
#090A34

Contrast Checker

Text on white

13.02:1

AA Pass AAA Pass

Text on black

1.61:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026