#60B488

#60B488

Color Values

HEX

#60B488

RGB

96, 180, 136

HSL

148.6, 35.9%, 54.1%

HSV

148.6, 46.7%, 70.6%

CMYK

46.7%, 0.0%, 24.4%, 29.4%

OKLCH

0.7046 0.1055 159.2

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#60B488

#B4608C

Analogous

#62B460

#60B4B2

#60B488

Triadic

#60B488

#8860B4

#B48860

Split Complementary

#60B488

#B260B4

#B46062

Tetradic

#60B488

#6062B4

#B4608C

#B4B260

Color Blindness Simulation

Original

#60B488

Protanopia

#848593

Deuteranopia

#807995

Tritanopia

#649B9D

Achromatopsia

#9F9F9F

CSS Usage

background-color: #60B488;
color: #60B488;
border-color: #60B488;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CEE8DB
300
#ACD8C1
400
#7FC39F
500
#52AD7D
600
#418B64
700
#346F50
800
#29573F
900
#214030
950
#15281E

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

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