#48851F

#48851F

Color Values

HEX

#48851F

RGB

72, 133, 31

HSL

95.9, 62.2%, 32.2%

HSV

95.9, 76.7%, 52.2%

CMYK

45.9%, 0.0%, 76.7%, 47.8%

OKLCH

0.5546 0.1468 135.7

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#48851F

#5C1F85

Analogous

#7B851F

#1F8529

#48851F

Triadic

#48851F

#1F4885

#851F48

Split Complementary

#48851F

#291F85

#851F7B

Tetradic

#48851F

#1F7B85

#5C1F85

#85291F

Color Blindness Simulation

Original

#48851F

Protanopia

#626338

Deuteranopia

#5F5A3E

Tritanopia

#4B4B4F

Achromatopsia

#717171

CSS Usage

background-color: #48851F;
color: #48851F;
border-color: #48851F;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FBF3
100
#EBF7E4
200
#D7F2C5
300
#BAE89C
400
#95DB66
500
#70CF30
600
#5AA527
700
#48841F
800
#386718
900
#2B4C15
950
#1B300D

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

4.65:1

AA Pass 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