#C6CCF0

#C6CCF0

Color Values

HEX

#C6CCF0

RGB

198, 204, 240

HSL

231.4, 58.3%, 85.9%

HSV

231.4, 17.5%, 94.1%

CMYK

17.5%, 15.0%, 0.0%, 5.9%

OKLCH

0.8522 0.0505 277.8

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#C6CCF0

#F0EAC6

Analogous

#C6E1F0

#D5C6F0

#C6CCF0

Triadic

#C6CCF0

#F0C6CC

#CCF0C6

Split Complementary

#C6CCF0

#F0D5C6

#E1F0C6

Tetradic

#C6CCF0

#F0C6E1

#F0EAC6

#C6F0D5

Color Blindness Simulation

Original

#C6CCF0

Protanopia

#C9C9E7

Deuteranopia

#C8C8E5

Tritanopia

#C6E0DF

Achromatopsia

#CDCDCD

CSS Usage

background-color: #C6CCF0;
color: #C6CCF0;
border-color: #C6CCF0;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F4F5FB
100
#E4E7F6
200
#C6CCF0
300
#9EA8E5
400
#6A79D8
500
#354ACA
600
#2B3CA1
700
#223081
800
#1B2565
900
#171E4A
950
#0F132F

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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