#48956D

#48956D

Color Values

HEX

#48956D

RGB

72, 149, 109

HSL

148.8, 34.8%, 43.3%

HSV

148.8, 51.7%, 58.4%

CMYK

51.7%, 0.0%, 26.8%, 41.6%

OKLCH

0.6094 0.0987 158.8

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#48956D

#954870

Analogous

#4A9548

#489593

#48956D

Triadic

#48956D

#6D4895

#956D48

Split Complementary

#48956D

#934895

#95484A

Tetradic

#48956D

#484A95

#954870

#959348

Color Blindness Simulation

Original

#48956D

Protanopia

#696A77

Deuteranopia

#655F79

Tritanopia

#4C7E80

Achromatopsia

#828282

CSS Usage

background-color: #48956D;
color: #48956D;
border-color: #48956D;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E8F2ED
200
#CFE8DB
300
#ADD7C1
400
#80C19F
500
#53AC7E
600
#438965
700
#356E50
800
#2A563F
900
#214030
950
#15281E

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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