#59B48D

#59B48D

Color Values

HEX

#59B48D

RGB

89, 180, 141

HSL

154.3, 37.8%, 52.7%

HSV

154.3, 50.6%, 70.6%

CMYK

50.6%, 0.0%, 21.7%, 29.4%

OKLCH

0.7029 0.1057 163.5

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#59B48D

#B45980

Analogous

#59B45F

#59ADB4

#59B48D

Triadic

#59B48D

#8D59B4

#B48D59

Split Complementary

#59B48D

#B459AD

#B45F59

Tetradic

#59B48D

#5F59B4

#B45980

#ADB459

Color Blindness Simulation

Original

#59B48D

Protanopia

#808196

Deuteranopia

#7B7499

Tritanopia

#5E9EA0

Achromatopsia

#9E9E9E

CSS Usage

background-color: #59B48D;
color: #59B48D;
border-color: #59B48D;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CEE9DD
300
#ABD9C5
400
#7DC4A6
500
#4FB086
600
#3F8D6C
700
#337056
800
#285843
900
#204133
950
#142920

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

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