#222C33

#222C33

Color Values

HEX

#222C33

RGB

34, 44, 51

HSL

204.7, 20.0%, 16.7%

HSV

204.7, 33.3%, 20.0%

CMYK

33.3%, 13.7%, 0.0%, 80.0%

OKLCH

0.2867 0.0189 238.8

Properties

Cool Dark Nearest: RAL 7021 Black Grey

Color Harmonies

Complementary

#222C33

#332922

Analogous

#223332

#222433

#222C33

Triadic

#222C33

#33222C

#2C3322

Split Complementary

#222C33

#332224

#333222

Tetradic

#222C33

#322233

#332922

#243322

Color Blindness Simulation

Original

#222C33

Protanopia

#262631

Deuteranopia

#262531

Tritanopia

#223030

Achromatopsia

#2A2A2A

CSS Usage

background-color: #222C33;
color: #222C33;
border-color: #222C33;
Nearest Tailwind: Gray 800 #1F2937

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE2
300
#B6C4CE
400
#8EA4B4
500
#668499
600
#526A7A
700
#415462
800
#33424D
900
#283239
950
#192024

Contrast Checker

Text on white

14.23:1

AA Pass AAA Pass

Text on black

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