#48956F

#48956F

Color Values

HEX

#48956F

RGB

72, 149, 111

HSL

150.4, 34.8%, 43.3%

HSV

150.4, 51.7%, 58.4%

CMYK

51.7%, 0.0%, 25.5%, 41.6%

OKLCH

0.6099 0.0969 160.1

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#48956F

#95486E

Analogous

#489549

#489495

#48956F

Triadic

#48956F

#6F4895

#956F48

Split Complementary

#48956F

#954894

#954948

Tetradic

#48956F

#494895

#95486E

#949548

Color Blindness Simulation

Original

#48956F

Protanopia

#696A78

Deuteranopia

#655F7A

Tritanopia

#4C7F81

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F2ED
200
#CFE8DB
300
#ADD7C2
400
#80C1A1
500
#53AC80
600
#438966
700
#356E52
800
#2A5640
900
#214031
950
#15281F

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