#302818

#302818

Color Values

HEX

#302818

RGB

48, 40, 24

HSL

40.0, 33.3%, 14.1%

HSV

40.0, 50.0%, 18.8%

CMYK

0.0%, 16.7%, 50.0%, 81.2%

OKLCH

0.2811 0.0294 84.1

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#302818

#182030

Analogous

#301C18

#2C3018

#302818

Triadic

#302818

#183028

#281830

Split Complementary

#302818

#182C30

#1C1830

Tetradic

#302818

#18301C

#182030

#30182C

Color Blindness Simulation

Original

#302818

Protanopia

#2D2C1C

Deuteranopia

#2D2E1D

Tritanopia

#301F20

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2EFE8
200
#E7DFCF
300
#D6C9AD
400
#C0AB81
500
#AA8E55
600
#887144
700
#6D5B36
800
#55472B
900
#3F3522
950
#282215

Contrast Checker

Text on white

14.56:1

AA Pass AAA Pass

Text on black

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