#48996F

#48996F

Color Values

HEX

#48996F

RGB

72, 153, 111

HSL

148.9, 36.0%, 44.1%

HSV

148.9, 52.9%, 60.0%

CMYK

52.9%, 0.0%, 27.5%, 40.0%

OKLCH

0.6202 0.1029 158.7

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#48996F

#994872

Analogous

#499948

#489997

#48996F

Triadic

#48996F

#6F4899

#996F48

Split Complementary

#48996F

#974899

#994849

Tetradic

#48996F

#484999

#994872

#999748

Color Blindness Simulation

Original

#48996F

Protanopia

#6B6C79

Deuteranopia

#66607C

Tritanopia

#4C8183

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CEE8DB
300
#ACD8C1
400
#7FC39F
500
#52AD7E
600
#418B65
700
#346F51
800
#29573F
900
#214030
950
#15291E

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

6.06:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026