#121897

#121897

Color Values

HEX

#121897

RGB

18, 24, 151

HSL

237.3, 78.7%, 33.1%

HSV

237.3, 88.1%, 59.2%

CMYK

88.1%, 84.1%, 0.0%, 40.8%

OKLCH

0.3308 0.1948 267.7

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#121897

#979112

Analogous

#125A97

#4E1297

#121897

Triadic

#121897

#971218

#189712

Split Complementary

#121897

#974E12

#5A9712

Tetradic

#121897

#97125A

#979112

#12974E

Color Blindness Simulation

Original

#121897

Protanopia

#151578

Deuteranopia

#141471

Tritanopia

#12605B

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E1E2F9
200
#BFC2F7
300
#9296F2
400
#565DEB
500
#1B24E4
600
#161DB6
700
#111792
800
#0E1272
900
#0E1153
950
#090B34

Contrast Checker

Text on white

13.1:1

AA Pass AAA Pass

Text on black

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