#22186D

#22186D

Color Values

HEX

#22186D

RGB

34, 24, 109

HSL

247.1, 63.9%, 26.1%

HSV

247.1, 78.0%, 42.7%

CMYK

68.8%, 78.0%, 0.0%, 57.3%

OKLCH

0.2898 0.1384 278.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#22186D

#636D18

Analogous

#18386D

#4D186D

#22186D

Triadic

#22186D

#6D2218

#186D22

Split Complementary

#22186D

#6D4D18

#386D18

Tetradic

#22186D

#6D1838

#636D18

#186D4D

Color Blindness Simulation

Original

#22186D

Protanopia

#1E1E58

Deuteranopia

#1E1F54

Tritanopia

#224845

Achromatopsia

#202020

CSS Usage

background-color: #22186D;
color: #22186D;
border-color: #22186D;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F4F3FC
100
#E6E3F7
200
#CAC4F2
300
#A49BE9
400
#7364DD
500
#412ED1
600
#3425A7
700
#2A1D86
800
#211768
900
#1B154C
950
#110D30

Contrast Checker

Text on white

14.79:1

AA Pass AAA Pass

Text on black

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