#22222F

#22222F

Color Values

HEX

#22222F

RGB

34, 34, 47

HSL

240.0, 16.0%, 15.9%

HSV

240.0, 27.7%, 18.4%

CMYK

27.7%, 27.7%, 0.0%, 81.6%

OKLCH

0.2579 0.0243 284.6

Properties

Cool Dark Nearest: RAL 5008 Grey Blue

Color Harmonies

Complementary

#22222F

#2F2F22

Analogous

#22292F

#29222F

#22222F

Triadic

#22222F

#2F2222

#222F22

Split Complementary

#22222F

#2F2922

#292F22

Tetradic

#22222F

#2F2229

#2F2F22

#222F29

Color Blindness Simulation

Original

#22222F

Protanopia

#22222C

Deuteranopia

#22222B

Tritanopia

#222929

Achromatopsia

#232323

CSS Usage

background-color: #22222F;
color: #22222F;
border-color: #22222F;
Nearest Tailwind: Gray 800 #1F2937

Tailwind Shades

50
#F6F6F8
100
#EBEBF0
200
#D6D6E1
300
#B8B8CC
400
#9292B0
500
#6B6B94
600
#565676
700
#45455F
800
#36364A
900
#292937
950
#1A1A23

Contrast Checker

Text on white

15.7:1

AA Pass AAA Pass

Text on black

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