#C6D2DA

#C6D2DA

Color Values

HEX

#C6D2DA

RGB

198, 210, 218

HSL

204.0, 21.3%, 81.6%

HSV

204.0, 9.2%, 85.5%

CMYK

9.2%, 3.7%, 0.0%, 14.5%

OKLCH

0.857 0.0172 236.7

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#C6D2DA

#DACEC6

Analogous

#C6DAD8

#C6C8DA

#C6D2DA

Triadic

#C6D2DA

#DAC6D2

#D2DAC6

Split Complementary

#C6D2DA

#DAC6C8

#DAD8C6

Tetradic

#C6D2DA

#D8C6DA

#DACEC6

#C8DAC6

Color Blindness Simulation

Original

#C6D2DA

Protanopia

#CBCBD8

Deuteranopia

#CACAD8

Tritanopia

#C7D7D6

Achromatopsia

#D0D0D0

CSS Usage

background-color: #C6D2DA;
color: #C6D2DA;
border-color: #C6D2DA;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE3
300
#B5C4CF
400
#8DA5B5
500
#64859B
600
#506A7C
700
#405563
800
#32424D
900
#27323A
950
#192024

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.63:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026