#6CC4D0

#6CC4D0

Color Values

HEX

#6CC4D0

RGB

108, 196, 208

HSL

187.2, 51.5%, 62.0%

HSV

187.2, 48.1%, 81.6%

CMYK

48.1%, 5.8%, 0.0%, 18.4%

OKLCH

0.7698 0.0863 207.0

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#6CC4D0

#D0786C

Analogous

#6CD0AA

#6C92D0

#6CC4D0

Triadic

#6CC4D0

#D06CC4

#C4D06C

Split Complementary

#6CC4D0

#D06C92

#D0AA6C

Tetradic

#6CC4D0

#AA6CD0

#D0786C

#92D06C

Color Blindness Simulation

Original

#6CC4D0

Protanopia

#9293CD

Deuteranopia

#8D86CC

Tritanopia

#70CBCA

Achromatopsia

#B2B2B2

CSS Usage

background-color: #6CC4D0;
color: #6CC4D0;
border-color: #6CC4D0;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9E9EE
300
#A2DAE1
400
#70C6D1
500
#3EB1C1
600
#318E9B
700
#28727C
800
#1F5961
900
#1A4247
950
#10292D

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

10.44:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026