#6CCAD5

#6CCAD5

Color Values

HEX

#6CCAD5

RGB

108, 202, 213

HSL

186.3, 55.6%, 62.9%

HSV

186.3, 49.3%, 83.5%

CMYK

49.3%, 5.2%, 0.0%, 16.5%

OKLCH

0.7854 0.0905 205.4

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#6CCAD5

#D5776C

Analogous

#6CD5AB

#6C95D5

#6CCAD5

Triadic

#6CCAD5

#D56CCA

#CAD56C

Split Complementary

#6CCAD5

#D56C95

#D5AB6C

Tetradic

#6CCAD5

#AB6CD5

#D5776C

#95D56C

Color Blindness Simulation

Original

#6CCAD5

Protanopia

#9596D2

Deuteranopia

#8F88D2

Tritanopia

#71D0D0

Achromatopsia

#B7B7B7

CSS Usage

background-color: #6CCAD5;
color: #6CCAD5;
border-color: #6CCAD5;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F4FAFB
100
#E5F4F6
200
#C7EBEF
300
#A0DDE4
400
#6CCAD5
500
#39B8C6
600
#2D939F
700
#24757F
800
#1C5C63
900
#184449
950
#0F2B2E

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

11.05:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026