#22178D

#22178D

Color Values

HEX

#22178D

RGB

34, 23, 141

HSL

245.6, 72.0%, 32.2%

HSV

245.6, 83.7%, 55.3%

CMYK

75.9%, 83.7%, 0.0%, 44.7%

OKLCH

0.3256 0.1795 274.1

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#22178D

#828D17

Analogous

#17478D

#5D178D

#22178D

Triadic

#22178D

#8D2217

#178D22

Split Complementary

#22178D

#8D5D17

#478D17

Tetradic

#22178D

#8D1747

#828D17

#178D5D

Color Blindness Simulation

Original

#22178D

Protanopia

#1D1D70

Deuteranopia

#1E1F6A

Tritanopia

#215A55

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E4E2F8
200
#C6C2F5
300
#9E96EE
400
#695DE5
500
#3524DB
600
#2A1DAF
700
#22178C
800
#1A126E
900
#171150
950
#0E0B32

Contrast Checker

Text on white

13.33:1

AA Pass AAA Pass

Text on black

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