#48520F

#48520F

Color Values

HEX

#48520F

RGB

72, 82, 15

HSL

69.0, 69.1%, 19.0%

HSV

69.0, 81.7%, 32.2%

CMYK

12.2%, 0.0%, 81.7%, 67.8%

OKLCH

0.416 0.0882 118.0

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#48520F

#190F52

Analogous

#523A0F

#26520F

#48520F

Triadic

#48520F

#0F4852

#520F48

Split Complementary

#48520F

#0F2652

#3A0F52

Tetradic

#48520F

#0F523A

#190F52

#520F26

Color Blindness Simulation

Original

#48520F

Protanopia

#4C4C1F

Deuteranopia

#4C4B23

Tritanopia

#482C2F

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FAFCF3
100
#F4F8E3
200
#EDF4C3
300
#DFEC98
400
#CEE25F
500
#BDD827
600
#97AC20
700
#798A19
800
#5F6C14
900
#464F12
950
#2C320C

Contrast Checker

Text on white

8.44:1

AA Pass AAA Pass

Text on black

2.49:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026