#222452

#222452

Color Values

HEX

#222452

RGB

34, 36, 82

HSL

237.5, 41.4%, 22.7%

HSV

237.5, 58.5%, 32.2%

CMYK

58.5%, 56.1%, 0.0%, 67.8%

OKLCH

0.2863 0.0823 278.0

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#222452

#525022

Analogous

#223C52

#382252

#222452

Triadic

#222452

#522224

#245222

Split Complementary

#222452

#523822

#3C5222

Tetradic

#222452

#52223C

#525022

#225238

Color Blindness Simulation

Original

#222452

Protanopia

#232347

Deuteranopia

#232344

Tritanopia

#223E3C

Achromatopsia

#272727

CSS Usage

background-color: #222452;
color: #222452;
border-color: #222452;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CDCEEA
300
#A8ABDB
400
#7A7DC8
500
#4B4FB4
600
#3C3F90
700
#303373
800
#25285A
900
#1E2043
950
#13142A

Contrast Checker

Text on white

14.56:1

AA Pass AAA Pass

Text on black

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