#48A682

#48A682

Color Values

HEX

#48A682

RGB

72, 166, 130

HSL

157.0, 39.5%, 46.7%

HSV

157.0, 56.6%, 65.1%

CMYK

56.6%, 0.0%, 21.7%, 34.9%

OKLCH

0.6584 0.1051 165.3

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#48A682

#A6486C

Analogous

#48A653

#489BA6

#48A682

Triadic

#48A682

#8248A6

#A68248

Split Complementary

#48A682

#A6489B

#A65348

Tetradic

#48A682

#5348A6

#A6486C

#9BA648

Color Blindness Simulation

Original

#48A682

Protanopia

#71728B

Deuteranopia

#6B648D

Tritanopia

#4D9293

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CDE9DF
300
#AADAC7
400
#7BC6A9
500
#4DB28B
600
#3E8E6F
700
#317259
800
#275946
900
#1F4234
950
#142921

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

7.05:1

AA Pass AAA Pass

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