#302224

#302224

Color Values

HEX

#302224

RGB

48, 34, 36

HSL

351.4, 17.1%, 16.1%

HSV

351.4, 29.2%, 18.8%

CMYK

0.0%, 29.2%, 25.0%, 81.2%

OKLCH

0.2695 0.0218 9.1

Properties

Warm Dark Nearest: RAL 9004 Signal Black

Color Harmonies

Complementary

#302224

#22302E

Analogous

#30222B

#302722

#302224

Triadic

#302224

#243022

#222430

Split Complementary

#302224

#223027

#222B30

Tetradic

#302224

#2B3022

#22302E

#272230

Color Blindness Simulation

Original

#302224

Protanopia

#2A2A24

Deuteranopia

#2B2C23

Tritanopia

#2F2323

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#F0EBEB
200
#E1D5D7
300
#CCB7BA
400
#B19195
500
#956A70
600
#77555A
700
#604448
800
#4B3538
900
#38292B
950
#231A1B

Contrast Checker

Text on white

15.22:1

AA Pass AAA Pass

Text on black

1.38:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026