#302C25

#302C25

Color Values

HEX

#302C25

RGB

48, 44, 37

HSL

38.2, 12.9%, 16.7%

HSV

38.2, 22.9%, 18.8%

CMYK

0.0%, 8.3%, 22.9%, 81.2%

OKLCH

0.295 0.0136 81.7

Properties

Warm Dark Nearest: RAL 7022 Umbra Grey

Color Harmonies

Complementary

#302C25

#252930

Analogous

#302725

#2F3025

#302C25

Triadic

#302C25

#25302C

#2C2530

Split Complementary

#302C25

#252F30

#272530

Tetradic

#302C25

#253027

#252930

#30252F

Color Blindness Simulation

Original

#302C25

Protanopia

#2E2E27

Deuteranopia

#2E2F27

Tritanopia

#302828

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEB
200
#E0DDD7
300
#CAC4BA
400
#ADA494
500
#90846F
600
#736A59
700
#5C5447
800
#484238
900
#36322B
950
#22201B

Contrast Checker

Text on white

13.88:1

AA Pass AAA Pass

Text on black

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