#484815

#484815

Color Values

HEX

#484815

RGB

72, 72, 21

HSL

60.0, 54.8%, 18.2%

HSV

60.0, 70.8%, 28.2%

CMYK

0.0%, 0.0%, 70.8%, 71.8%

OKLCH

0.3903 0.0707 109.3

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#484815

#151548

Analogous

#482E15

#2E4815

#484815

Triadic

#484815

#154848

#481548

Split Complementary

#484815

#152E48

#2E1548

Tetradic

#484815

#15482E

#151548

#48152E

Color Blindness Simulation

Original

#484815

Protanopia

#484821

Deuteranopia

#484824

Tritanopia

#482B2D

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F5F5E5
200
#EFEFC8
300
#E3E3A0
400
#D4D46D
500
#C5C53A
600
#9E9E2E
700
#7E7E25
800
#63631D
900
#484819
950
#2E2E10

Contrast Checker

Text on white

9.49:1

AA Pass AAA Pass

Text on black

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