#48936B

#48936B

Color Values

HEX

#48936B

RGB

72, 147, 107

HSL

148.0, 34.2%, 42.9%

HSV

148.0, 51.0%, 57.6%

CMYK

51.0%, 0.0%, 27.2%, 42.4%

OKLCH

0.6038 0.0976 158.2

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#48936B

#934870

Analogous

#4A9348

#489390

#48936B

Triadic

#48936B

#6B4893

#936B48

Split Complementary

#48936B

#904893

#93484A

Tetradic

#48936B

#484A93

#934870

#939048

Color Blindness Simulation

Original

#48936B

Protanopia

#686975

Deuteranopia

#645E77

Tritanopia

#4C7C7E

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F2ED
200
#CFE8DA
300
#ADD7C0
400
#80C19E
500
#54AB7D
600
#438964
700
#366E50
800
#2A563E
900
#223F2F
950
#15281E

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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