#60DFAB

#60DFAB

Color Values

HEX

#60DFAB

RGB

96, 223, 171

HSL

155,4, 66,5%, 62,5%

HSV

155,4, 57,0%, 87,5%

CMYK

57,0%, 0,0%, 23,3%, 12,5%

OKLCH

0,8182 0,1363 163,6

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#60DFAB

#DF6094

Analogous

#60DF6B

#60D4DF

#60DFAB

Triadic

#60DFAB

#AB60DF

#DFAB60

Split Complementary

#60DFAB

#DF60D4

#DF6B60

Tetradic

#60DFAB

#6B60DF

#DF6094

#D4DF60

Color Blindness Simulation

Original

#60DFAB

Protanopia

#9798B8

Deuteranopia

#9086BB

Tritanopia

#66C2C4

Achromatopsia

#C0C0C0

CSS Usage

background-color: #60DFAB;
color: #60DFAB;
border-color: #60DFAB;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F3FCF8
100
#E3F7EF
200
#C4F3E0
300
#99EAC9
400
#62DFAC
500
#2BD48F
600
#22AA72
700
#1B885B
800
#156A47
900
#134D36
950
#0C3122

Contrast Checker

Text on white

1,66:1

AA Fail AAA Fail

Text on black

12,64:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026