#282222

#282222

Color Values

HEX

#282222

RGB

40, 34, 34

HSL

0.0, 8.1%, 14.5%

HSV

0.0, 15.0%, 15.7%

CMYK

0.0%, 15.0%, 15.0%, 84.3%

OKLCH

0.2587 0.0091 17.8

Properties

Warm Dark Nearest: RAL 8022 Black Brown

Color Harmonies

Complementary

#282222

#222828

Analogous

#282225

#282522

#282222

Triadic

#282222

#222822

#222228

Split Complementary

#282222

#222825

#222528

Tetradic

#282222

#252822

#222828

#252228

Color Blindness Simulation

Original

#282222

Protanopia

#252522

Deuteranopia

#262622

Tritanopia

#282222

Achromatopsia

#232323

CSS Usage

background-color: #282222;
color: #282222;
border-color: #282222;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DED8D8
300
#C7BDBD
400
#A89999
500
#8A7575
600
#6E5E5E
700
#584B4B
800
#453B3B
900
#342D2D
950
#211C1C

Contrast Checker

Text on white

15.65:1

AA Pass AAA Pass

Text on black

1.34:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026