#302517

#302517

Color Values

HEX

#302517

RGB

48, 37, 23

HSL

33.6, 35.2%, 13.9%

HSV

33.6, 52.1%, 18.8%

CMYK

0.0%, 22.9%, 52.1%, 81.2%

OKLCH

0.2731 0.0291 72.8

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#302517

#172230

Analogous

#301817

#2E3017

#302517

Triadic

#302517

#173025

#251730

Split Complementary

#302517

#172E30

#181730

Tetradic

#302517

#173018

#172230

#30172E

Color Blindness Simulation

Original

#302517

Protanopia

#2B2B1A

Deuteranopia

#2C2D1B

Tritanopia

#2F1D1E

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2EEE8
200
#E8DDCF
300
#D7C4AC
400
#C2A57F
500
#AC8553
600
#8A6A42
700
#6E5535
800
#564229
900
#403221
950
#282015

Contrast Checker

Text on white

14.97:1

AA Pass AAA Pass

Text on black

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