#48652E

#48652E

Color Values

HEX

#48652E

RGB

72, 101, 46

HSL

91.6, 37.4%, 28.8%

HSV

91.6, 54.5%, 39.6%

CMYK

28.7%, 0.0%, 54.5%, 60.4%

OKLCH

0.4701 0.0882 131.9

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#48652E

#4B2E65

Analogous

#63652E

#2E652F

#48652E

Triadic

#48652E

#2E4865

#652E48

Split Complementary

#48652E

#2F2E65

#652E63

Tetradic

#48652E

#2E6365

#4B2E65

#652F2E

Color Blindness Simulation

Original

#48652E

Protanopia

#55553B

Deuteranopia

#53513E

Tritanopia

#494648

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF3E7
200
#DBE9CE
300
#C1D9AB
400
#9FC47D
500
#7DAF50
600
#648C40
700
#507033
800
#3E5828
900
#304120
950
#1E2914

Contrast Checker

Text on white

6.61:1

AA Pass AAA Fail

Text on black

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