#30302C

#30302C

Color Values

HEX

#30302C

RGB

48, 48, 44

HSL

60.0, 4.3%, 18.0%

HSV

60.0, 8.3%, 18.8%

CMYK

0.0%, 0.0%, 8.3%, 81.2%

OKLCH

0.3078 0.007 106.8

Properties

Warm Dark Nearest: RAL 7022 Umbra Grey

Color Harmonies

Complementary

#30302C

#2C2C30

Analogous

#302E2C

#2E302C

#30302C

Triadic

#30302C

#2C3030

#302C30

Split Complementary

#30302C

#2C2E30

#2E2C30

Tetradic

#30302C

#2C302E

#2C2C30

#302C2E

Color Blindness Simulation

Original

#30302C

Protanopia

#30302D

Deuteranopia

#30302D

Tritanopia

#302E2E

Achromatopsia

#303030

CSS Usage

background-color: #30302C;
color: #30302C;
border-color: #30302C;
Nearest Tailwind: Neutral 800 #262626

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DDDDDA
300
#C4C4BF
400
#A5A59D
500
#85857A
600
#6A6A62
700
#55554E
800
#42423D
900
#32322F
950
#20201D

Contrast Checker

Text on white

13.25:1

AA Pass AAA Pass

Text on black

1.58:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026