#48502C

#48502C

Color Values

HEX

#48502C

RGB

72, 80, 44

HSL

73.3, 29.0%, 24.3%

HSV

73.3, 45.0%, 31.4%

CMYK

10.0%, 0.0%, 45.0%, 68.6%

OKLCH

0.4144 0.0561 119.2

Properties

Cool Dark Nearest: RAL 6003 Olive Green

Color Harmonies

Complementary

#48502C

#342C50

Analogous

#50462C

#36502C

#48502C

Triadic

#48502C

#2C4850

#502C48

Split Complementary

#48502C

#2C3650

#462C50

Tetradic

#48502C

#2C5046

#342C50

#502C36

Color Blindness Simulation

Original

#48502C

Protanopia

#4B4C35

Deuteranopia

#4B4A37

Tritanopia

#483C3D

Achromatopsia

#4C4C4C

CSS Usage

background-color: #48502C;
color: #48502C;
border-color: #48502C;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8F9F5
100
#F0F2E9
200
#E1E6D1
300
#CCD4B0
400
#B0BC85
500
#94A45B
600
#768448
700
#5F693A
800
#4A522D
900
#373D24
950
#232717

Contrast Checker

Text on white

8.54:1

AA Pass AAA Pass

Text on black

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