#222C2E

#222C2E

Color Values

HEX

#222C2E

RGB

34, 44, 46

HSL

190.0, 15.0%, 15.7%

HSV

190.0, 26.1%, 18.0%

CMYK

26.1%, 4.3%, 0.0%, 82.0%

OKLCH

0.2845 0.0143 211.1

Properties

Cool Dark Nearest: RAL 7016 Anthracite Grey

Color Harmonies

Complementary

#222C2E

#2E2422

Analogous

#222E2A

#22262E

#222C2E

Triadic

#222C2E

#2E222C

#2C2E22

Split Complementary

#222C2E

#2E2226

#2E2A22

Tetradic

#222C2E

#2A222E

#2E2422

#262E22

Color Blindness Simulation

Original

#222C2E

Protanopia

#26262E

Deuteranopia

#26252D

Tritanopia

#222D2D

Achromatopsia

#2A2A2A

CSS Usage

background-color: #222C2E;
color: #222C2E;
border-color: #222C2E;
Nearest Tailwind: Zinc 800 #27272A

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6DFE1
300
#B9C8CB
400
#92AAAF
500
#6C8C93
600
#577075
700
#455A5E
800
#364649
900
#2A3537
950
#1A2123

Contrast Checker

Text on white

14.31:1

AA Pass AAA Pass

Text on black

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