#6CCCD2

#6CCCD2

Color Values

HEX

#6CCCD2

RGB

108, 204, 210

HSL

183,5, 53,1%, 62,4%

HSV

183,5, 48,6%, 82,4%

CMYK

48,6%, 2,9%, 0,0%, 17,6%

OKLCH

0,7889 0,0911 200,8

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#6CCCD2

#D2726C

Analogous

#6CD2A5

#6C99D2

#6CCCD2

Triadic

#6CCCD2

#D26CCC

#CCD26C

Split Complementary

#6CCCD2

#D26C99

#D2A56C

Tetradic

#6CCCD2

#A56CD2

#D2726C

#99D26C

Color Blindness Simulation

Original

#6CCCD2

Protanopia

#9696D1

Deuteranopia

#9089D0

Tritanopia

#71CFCF

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C8ECEE
300
#A1DFE2
400
#6FCDD3
500
#3CBBC3
600
#30969C
700
#26787D
800
#1E5E62
900
#194548
950
#102C2D

Contrast Checker

Text on white

1,87:1

AA Fail AAA Fail

Text on black

11,21: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