#222C35

#222C35

Color Values

HEX

#222C35

RGB

34, 44, 53

HSL

208.4, 21.8%, 17.1%

HSV

208.4, 35.8%, 20.8%

CMYK

35.8%, 17.0%, 0.0%, 79.2%

OKLCH

0.2877 0.0216 245.8

Properties

Cool Dark Nearest: RAL 7021 Black Grey

Color Harmonies

Complementary

#222C35

#352B22

Analogous

#223535

#222335

#222C35

Triadic

#222C35

#35222C

#2C3522

Split Complementary

#222C35

#352223

#353522

Tetradic

#222C35

#352235

#352B22

#233522

Color Blindness Simulation

Original

#222C35

Protanopia

#262633

Deuteranopia

#262532

Tritanopia

#223131

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DCE3
300
#B4C3CF
400
#8CA2B5
500
#64819B
600
#50677C
700
#405363
800
#32404E
900
#27313A
950
#191F25

Contrast Checker

Text on white

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