#222252

#222252

Color Values

HEX

#222252

RGB

34, 34, 82

HSL

240.0, 41.4%, 22.7%

HSV

240.0, 58.5%, 32.2%

CMYK

58.5%, 58.5%, 0.0%, 67.8%

OKLCH

0.2819 0.0854 279.4

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#222252

#525222

Analogous

#223A52

#3A2252

#222252

Triadic

#222252

#522222

#225222

Split Complementary

#222252

#523A22

#3A5222

Tetradic

#222252

#52223A

#525222

#22523A

Color Blindness Simulation

Original

#222252

Protanopia

#222246

Deuteranopia

#222244

Tritanopia

#223D3B

Achromatopsia

#252525

CSS Usage

background-color: #222252;
color: #222252;
border-color: #222252;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CDCDEA
300
#A8A8DB
400
#7A7AC8
500
#4B4BB4
600
#3C3C90
700
#303073
800
#25255A
900
#1E1E43
950
#13132A

Contrast Checker

Text on white

14.8:1

AA Pass AAA Pass

Text on black

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