#48AD8D

#48AD8D

Color Values

HEX

#48AD8D

RGB

72, 173, 141

HSL

161.0, 41.2%, 48.0%

HSV

161.0, 58.4%, 67.8%

CMYK

58.4%, 0.0%, 18.5%, 32.2%

OKLCH

0.679 0.1062 169.3

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#48AD8D

#AD4868

Analogous

#48AD5A

#489AAD

#48AD8D

Triadic

#48AD8D

#8D48AD

#AD8D48

Split Complementary

#48AD8D

#AD489A

#AD5A48

Tetradic

#48AD8D

#5A48AD

#AD4868

#9AAD48

Color Blindness Simulation

Original

#48AD8D

Protanopia

#747595

Deuteranopia

#6E6697

Tritanopia

#4D9B9C

Achromatopsia

#959595

CSS Usage

background-color: #48AD8D;
color: #48AD8D;
border-color: #48AD8D;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CDEAE1
300
#A9DBCB
400
#7AC8AF
500
#4BB493
600
#3C9075
700
#30735E
800
#255A49
900
#1E4237
950
#132A23

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

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