#48451E

#48451E

Color Values

HEX

#48451E

RGB

72, 69, 30

HSL

55.7, 41.2%, 20.0%

HSV

55.7, 58.3%, 28.2%

CMYK

0.0%, 4.2%, 58.3%, 71.8%

OKLCH

0.3838 0.0577 104.8

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#48451E

#1E2148

Analogous

#48301E

#36481E

#48451E

Triadic

#48451E

#1E4845

#451E48

Split Complementary

#48451E

#1E3648

#301E48

Tetradic

#48451E

#1E4830

#1E2148

#481E36

Color Blindness Simulation

Original

#48451E

Protanopia

#474727

Deuteranopia

#47472A

Tritanopia

#482F31

Achromatopsia

#434343

CSS Usage

background-color: #48451E;
color: #48451E;
border-color: #48451E;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#EAE8CD
300
#DBD7A9
400
#C8C27A
500
#B4AD4B
600
#908A3C
700
#736E30
800
#5A5625
900
#42401E
950
#2A2813

Contrast Checker

Text on white

9.79:1

AA Pass AAA Pass

Text on black

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