#60CACA

#60CACA

Color Values

HEX

#60CACA

RGB

96, 202, 202

HSL

180,0, 50,0%, 58,4%

HSV

180,0, 52,5%, 79,2%

CMYK

52,5%, 0,0%, 0,0%, 20,8%

OKLCH

0,7769 0,0978 195,3

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#60CACA

#CA6060

Analogous

#60CA95

#6095CA

#60CACA

Triadic

#60CACA

#CA60CA

#CACA60

Split Complementary

#60CACA

#CA6095

#CA9560

Tetradic

#60CACA

#9560CA

#CA6060

#95CA60

Color Blindness Simulation

Original

#60CACA

Protanopia

#8E8FCA

Deuteranopia

#8880CA

Tritanopia

#65CACA

Achromatopsia

#B3B3B3

CSS Usage

background-color: #60CACA;
color: #60CACA;
border-color: #60CACA;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F4FBFB
100
#E6F5F5
200
#C9EDED
300
#A3E0E0
400
#71D0D0
500
#40BFBF
600
#339999
700
#297A7A
800
#206060
900
#1B4646
950
#112C2C

Contrast Checker

Text on white

1,94:1

AA Fail AAA Fail

Text on black

10,8: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