#60B4BA

#60B4BA

Color Values

HEX

#60B4BA

RGB

96, 180, 186

HSL

184.0, 39.5%, 55.3%

HSV

184.0, 48.4%, 72.9%

CMYK

48.4%, 3.2%, 0.0%, 27.1%

OKLCH

0.7195 0.0821 201.6

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#60B4BA

#BA6660

Analogous

#60BA93

#6087BA

#60B4BA

Triadic

#60B4BA

#BA60B4

#B4BA60

Split Complementary

#60B4BA

#BA6087

#BA9360

Tetradic

#60B4BA

#9360BA

#BA6660

#87BA60

Color Blindness Simulation

Original

#60B4BA

Protanopia

#8485B9

Deuteranopia

#8079B8

Tritanopia

#64B7B7

Achromatopsia

#A3A3A3

CSS Usage

background-color: #60B4BA;
color: #60B4BA;
border-color: #60B4BA;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F5FAFA
100
#E7F2F3
200
#CDE8E9
300
#AAD7DA
400
#7BC1C6
500
#4DABB2
600
#3E898E
700
#316E72
800
#275659
900
#1F3F42
950
#142829

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.73:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026