#48997A

#48997A

Color Values

HEX

#48997A

RGB

72, 153, 122

HSL

157.0, 36.0%, 44.1%

HSV

157.0, 52.9%, 60.0%

CMYK

52.9%, 0.0%, 20.3%, 40.0%

OKLCH

0.6231 0.0933 165.9

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#48997A

#994867

Analogous

#489951

#488F99

#48997A

Triadic

#48997A

#7A4899

#997A48

Split Complementary

#48997A

#99488F

#995148

Tetradic

#48997A

#514899

#994867

#8F9948

Color Blindness Simulation

Original

#48997A

Protanopia

#6B6C81

Deuteranopia

#666083

Tritanopia

#4C8789

Achromatopsia

#868686

CSS Usage

background-color: #48997A;
color: #48997A;
border-color: #48997A;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF8
100
#E8F3EE
200
#CEE8DE
300
#ACD8C7
400
#7FC3A9
500
#52AD8A
600
#418B6F
700
#346F58
800
#295745
900
#214034
950
#152921

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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