#C6CCD3

#C6CCD3

Color Values

HEX

#C6CCD3

RGB

198, 204, 211

HSL

212.3, 12.9%, 80.2%

HSV

212.3, 6.2%, 82.7%

CMYK

6.2%, 3.3%, 0.0%, 17.3%

OKLCH

0.8426 0.0118 252.1

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#C6CCD3

#D3CDC6

Analogous

#C6D3D3

#C6C6D3

#C6CCD3

Triadic

#C6CCD3

#D3C6CC

#CCD3C6

Split Complementary

#C6CCD3

#D3C6C6

#D3D3C6

Tetradic

#C6CCD3

#D3C6D3

#D3CDC6

#C6D3C6

Color Blindness Simulation

Original

#C6CCD3

Protanopia

#C9C9D1

Deuteranopia

#C8C8D1

Tritanopia

#C6D0D0

Achromatopsia

#CBCBCB

CSS Usage

background-color: #C6CCD3;
color: #C6CCD3;
border-color: #C6CCD3;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DBE0
300
#BAC1CA
400
#94A0AD
500
#6F7E90
600
#596573
700
#47515C
800
#383F48
900
#2B3036
950
#1B1E22

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

12.98: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