#22237A

#22237A

Color Values

HEX

#22237A

RGB

34, 35, 122

HSL

239.3, 56.4%, 30.6%

HSV

239.3, 72.1%, 47.8%

CMYK

72.1%, 71.3%, 0.0%, 52.2%

OKLCH

0.3214 0.1433 274.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#22237A

#7A7922

Analogous

#224F7A

#4D227A

#22237A

Triadic

#22237A

#7A2223

#237A22

Split Complementary

#22237A

#7A4D22

#4F7A22

Tetradic

#22237A

#7A224F

#7A7922

#227A4D

Color Blindness Simulation

Original

#22237A

Protanopia

#222265

Deuteranopia

#222260

Tritanopia

#225451

Achromatopsia

#292929

CSS Usage

background-color: #22237A;
color: #22237A;
border-color: #22237A;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F4F4FB
100
#E5E5F6
200
#C7C8EF
300
#9FA0E4
400
#6B6DD6
500
#3839C7
600
#2C2EA0
700
#242580
800
#1C1D64
900
#181849
950
#0F0F2E

Contrast Checker

Text on white

13.21:1

AA Pass AAA Pass

Text on black

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