#222339

#222339

Color Values

HEX

#222339

RGB

34, 35, 57

HSL

237.4, 25.3%, 17.8%

HSV

237.4, 40.4%, 22.4%

CMYK

40.4%, 38.6%, 0.0%, 77.6%

OKLCH

0.2662 0.0409 281.2

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#222339

#393822

Analogous

#222E39

#2C2239

#222339

Triadic

#222339

#392223

#233922

Split Complementary

#222339

#392C22

#2E3922

Tetradic

#222339

#39222E

#393822

#22392C

Color Blindness Simulation

Original

#222339

Protanopia

#222234

Deuteranopia

#222232

Tritanopia

#222F2F

Achromatopsia

#242424

CSS Usage

background-color: #222339;
color: #222339;
border-color: #222339;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D2D3E4
300
#B2B4D1
400
#898BB9
500
#5F62A0
600
#4C4E80
700
#3D3F66
800
#303150
900
#25263B
950
#181826

Contrast Checker

Text on white

15.36:1

AA Pass AAA Pass

Text on black

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