#48A072

#48A072

Color Values

HEX

#48A072

RGB

72, 160, 114

HSL

148.6, 37.9%, 45.5%

HSV

148.6, 55.0%, 62.7%

CMYK

55.0%, 0.0%, 28.8%, 37.3%

OKLCH

0.639 0.1105 158.2

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#48A072

#A04876

Analogous

#4AA048

#48A09E

#48A072

Triadic

#48A072

#7248A0

#A07248

Split Complementary

#48A072

#9E48A0

#A0484A

Tetradic

#48A072

#484AA0

#A04876

#A09E48

Color Blindness Simulation

Original

#48A072

Protanopia

#6E6F7D

Deuteranopia

#696280

Tritanopia

#4C8688

Achromatopsia

#8A8A8A

CSS Usage

background-color: #48A072;
color: #48A072;
border-color: #48A072;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CEE9DB
300
#ABD9C1
400
#7DC49F
500
#4FB07D
600
#3F8D64
700
#337150
800
#28583F
900
#204130
950
#14291E

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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