#48871C

#48871C

Color Values

HEX

#48871C

RGB

72, 135, 28

HSL

95.3, 65.6%, 32.0%

HSV

95.3, 79.3%, 52.9%

CMYK

46.7%, 0.0%, 79.3%, 47.1%

OKLCH

0.5598 0.1511 135.7

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#48871C

#5B1C87

Analogous

#7E871C

#1C8726

#48871C

Triadic

#48871C

#1C4887

#871C48

Split Complementary

#48871C

#261C87

#871C7E

Tetradic

#48871C

#1C7E87

#5B1C87

#87261C

Color Blindness Simulation

Original

#48871C

Protanopia

#636436

Deuteranopia

#605B3C

Tritanopia

#4B4A4F

Achromatopsia

#727272

CSS Usage

background-color: #48871C;
color: #48871C;
border-color: #48871C;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FCF3
100
#EBF7E3
200
#D7F3C4
300
#BBEA9A
400
#96DF63
500
#71D32C
600
#5AA923
700
#48871C
800
#386A16
900
#2B4D14
950
#1B310D

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

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