#60EEB7

#60EEB7

Color Values

HEX

#60EEB7

RGB

96, 238, 183

HSL

156.8, 80.7%, 65.5%

HSV

156.8, 59.7%, 93.3%

CMYK

59.7%, 0.0%, 23.1%, 6.7%

OKLCH

0.8572 0.1464 164.4

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#60EEB7

#EE6097

Analogous

#60EE70

#60DEEE

#60EEB7

Triadic

#60EEB7

#B760EE

#EEB760

Split Complementary

#60EEB7

#EE60DE

#EE7060

Tetradic

#60EEB7

#7060EE

#EE6097

#DEEE60

Color Blindness Simulation

Original

#60EEB7

Protanopia

#9E9FC4

Deuteranopia

#958BC8

Tritanopia

#67CFD1

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F2FDF9
100
#E1F9F0
200
#BEF8E2
300
#90F3CD
400
#55EDB2
500
#19E697
600
#14B879
700
#109361
800
#0C734B
900
#0D5438
950
#083524

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.41:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026