#302522

#302522

Color Values

HEX

#302522

RGB

48, 37, 34

HSL

12.9, 17.1%, 16.1%

HSV

12.9, 29.2%, 18.8%

CMYK

0.0%, 22.9%, 29.2%, 81.2%

OKLCH

0.2762 0.0177 35.7

Properties

Warm Dark Nearest: RAL 7022 Umbra Grey

Color Harmonies

Complementary

#302522

#222D30

Analogous

#302226

#302C22

#302522

Triadic

#302522

#223025

#252230

Split Complementary

#302522

#22302C

#222630

Tetradic

#302522

#263022

#222D30

#2C2230

Color Blindness Simulation

Original

#302522

Protanopia

#2B2B23

Deuteranopia

#2C2D23

Tritanopia

#2F2323

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0ECEB
200
#E1D8D5
300
#CCBCB7
400
#B19791
500
#95736A
600
#775C55
700
#604A44
800
#4B3A35
900
#382C29
950
#231C1A

Contrast Checker

Text on white

14.86:1

AA Pass AAA Pass

Text on black

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