#48946B

#48946B

Color Values

HEX

#48946B

RGB

72, 148, 107

HSL

147.6, 34.5%, 43.1%

HSV

147.6, 51.4%, 58.0%

CMYK

51.4%, 0.0%, 27.7%, 42.0%

OKLCH

0.6064 0.0991 157.9

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#48946B

#944871

Analogous

#4B9448

#489491

#48946B

Triadic

#48946B

#6B4894

#946B48

Split Complementary

#48946B

#914894

#94484B

Tetradic

#48946B

#484B94

#944871

#949148

Color Blindness Simulation

Original

#48946B

Protanopia

#696A75

Deuteranopia

#645F77

Tritanopia

#4C7D7E

Achromatopsia

#818181

CSS Usage

background-color: #48946B;
color: #48946B;
border-color: #48946B;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E8F2ED
200
#CFE8DA
300
#ADD7C0
400
#80C19E
500
#54AB7C
600
#438963
700
#356E4F
800
#2A563E
900
#213F2F
950
#15281E

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

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