#302B21

#302B21

Color Values

HEX

#302B21

RGB

48, 43, 33

HSL

40.0, 18.5%, 15.9%

HSV

40.0, 31.2%, 18.8%

CMYK

0.0%, 10.4%, 31.3%, 81.2%

OKLCH

0.2912 0.0188 84.5

Properties

Warm Dark Nearest: RAL 6008 Brown Green

Color Harmonies

Complementary

#302B21

#212630

Analogous

#302421

#2E3021

#302B21

Triadic

#302B21

#21302B

#2B2130

Split Complementary

#302B21

#212E30

#242130

Tetradic

#302B21

#213024

#212630

#30212E

Color Blindness Simulation

Original

#302B21

Protanopia

#2E2E23

Deuteranopia

#2E2E24

Tritanopia

#302526

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EEEA
200
#E2DED5
300
#CDC6B6
400
#B2A68F
500
#978768
600
#796C53
700
#615743
800
#4C4434
900
#393328
950
#24201A

Contrast Checker

Text on white

14.06:1

AA Pass AAA Pass

Text on black

1.49:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026