HEX Color #66C5C5 (Mediumturquoise)

About #66C5C5

Visually, #66C5C5 is defined as a moderate cyan. Its closest recognized web color is Mediumturquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 197, and 197.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 48% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#66C5C5

RGB102, 197, 197

HSL180.0°, 45.0%, 58.6%

CMYK48%, 0%, 0%, 23%

HSV180.0°, 48.2%, 77.3%

LAB74.1, -28.0, -8.7

XYZ35.5, 46.8, 60.0

Decimal6735301

Color Harmonies

Complementary

#66C5C5 #C56666

Analogous

#66C595 #6695C5

Triadic

#C566C4 #C4C566

Tetradic

#9566C5 #C56666 #95C566

Tints, Shades & Tones

Tints (Adding White)

#66C5C5

#77CBCB

#88D1D1

#99D8D8

#AADEDE

#BBE5E5

#CCEBEB

#DDF2F2

#EEF8F8

#FFFFFF

Shades (Adding Black)

#66C5C5

#5AAFAF

#4F9999

#448383

#386D6D

#2D5757

#224141

#162B2B

#0B1515

#000000

WCAG Contrast Accessibility

2.03:1

Text on #FFFFFF

FAIL

10.36:1

Text on #000000

AAA

1.94:1

Text on #F8FAFC

FAIL

8.81:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #66C5C5; }

.text-color { color: #66C5C5; }

.border-color { border: 2px solid #66C5C5; }

Similar Colors

Mediumturquoise

#48D1CC