#2F2824

#2F2824

Color Values

HEX

#2F2824

RGB

47, 40, 36

HSL

21.8, 13.3%, 16.3%

HSV

21.8, 23.4%, 18.4%

CMYK

0.0%, 14.9%, 23.4%, 81.6%

OKLCH

0.2832 0.0127 51.7

Properties

Warm Dark Nearest: RAL 7022 Umbra Grey

Color Harmonies

Complementary

#2F2824

#242B2F

Analogous

#2F2426

#2F2E24

#2F2824

Triadic

#2F2824

#242F28

#28242F

Split Complementary

#2F2824

#242F2E

#24262F

Tetradic

#2F2824

#262F24

#242B2F

#2E242F

Color Blindness Simulation

Original

#2F2824

Protanopia

#2C2C25

Deuteranopia

#2C2D25

Tritanopia

#2F2626

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E0DAD7
300
#CAC0BA
400
#AD9D94
500
#907B6F
600
#746258
700
#5C4F47
800
#483D37
900
#362F2B
950
#221E1B

Contrast Checker

Text on white

14.48:1

AA Pass AAA Pass

Text on black

1.45:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026