#48AB7A

#48AB7A

Color Values

HEX

#48AB7A

RGB

72, 171, 122

HSL

150.3, 40.7%, 47.6%

HSV

150.3, 57.9%, 67.1%

CMYK

57.9%, 0.0%, 28.7%, 32.9%

OKLCH

0.6691 0.119 159.0

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#48AB7A

#AB4879

Analogous

#48AB48

#48AAAB

#48AB7A

Triadic

#48AB7A

#7A48AB

#AB7A48

Split Complementary

#48AB7A

#AB48AA

#AB4848

Tetradic

#48AB7A

#4848AB

#AB4879

#AAAB48

Color Blindness Simulation

Original

#48AB7A

Protanopia

#737486

Deuteranopia

#6D6689

Tritanopia

#4D8F91

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CDEADB
300
#A9DBC2
400
#7AC7A1
500
#4CB380
600
#3C9066
700
#307352
800
#265A40
900
#1F4231
950
#132A1F

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

7.38:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026