#22243E

#22243E

Color Values

HEX

#22243E

RGB

34, 36, 62

HSL

235.7, 29.2%, 18.8%

HSV

235.7, 45.2%, 24.3%

CMYK

45.2%, 41.9%, 0.0%, 75.7%

OKLCH

0.2718 0.0481 279.3

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#22243E

#3E3C22

Analogous

#22323E

#2E223E

#22243E

Triadic

#22243E

#3E2224

#243E22

Split Complementary

#22243E

#3E2E22

#323E22

Tetradic

#22243E

#3E2232

#3E3C22

#223E2E

Color Blindness Simulation

Original

#22243E

Protanopia

#232338

Deuteranopia

#232336

Tritanopia

#223332

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E9E9F2
200
#D1D2E6
300
#B0B2D4
400
#8589BC
500
#5A60A5
600
#484C84
700
#3A3D69
800
#2D3052
900
#24263D
950
#171827

Contrast Checker

Text on white

15.11:1

AA Pass AAA Pass

Text on black

1.39:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026