#C6DAF0

#C6DAF0

Color Values

HEX

#C6DAF0

RGB

198, 218, 240

HSL

211.4, 58.3%, 85.9%

HSV

211.4, 17.5%, 94.1%

CMYK

17.5%, 9.2%, 0.0%, 5.9%

OKLCH

0.8803 0.0373 250.8

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C6DAF0

#F0DCC6

Analogous

#C6EFF0

#C7C6F0

#C6DAF0

Triadic

#C6DAF0

#F0C6DA

#DAF0C6

Split Complementary

#C6DAF0

#F0C7C6

#EFF0C6

Tetradic

#C6DAF0

#F0C6EF

#F0DCC6

#C6F0C7

Color Blindness Simulation

Original

#C6DAF0

Protanopia

#CFCFEB

Deuteranopia

#CECCE9

Tritanopia

#C7E6E6

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E4EDF6
200
#C6DAF0
300
#9EC0E5
400
#6A9ED8
500
#357CCA
600
#2B63A1
700
#224F81
800
#1B3E65
900
#172F4A
950
#0F1E2F

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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