#302020

#302020

Color Values

HEX

#302020

RGB

48, 32, 32

HSL

0.0, 20.0%, 15.7%

HSV

0.0, 33.3%, 18.8%

CMYK

0.0%, 33.3%, 33.3%, 81.2%

OKLCH

0.2634 0.025 18.9

Properties

Warm Dark Nearest: RAL 6022 Olive Drab

Color Harmonies

Complementary

#302020

#203030

Analogous

#302028

#302820

#302020

Triadic

#302020

#203020

#202030

Split Complementary

#302020

#203028

#202830

Tetradic

#302020

#283020

#203030

#282030

Color Blindness Simulation

Original

#302020

Protanopia

#292920

Deuteranopia

#2A2B20

Tritanopia

#2F2020

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EAEA
200
#E2D4D4
300
#CEB6B6
400
#B48E8E
500
#996666
600
#7A5252
700
#624141
800
#4D3333
900
#392828
950
#241919

Contrast Checker

Text on white

15.52:1

AA Pass AAA Pass

Text on black

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