#C1CCF6

#C1CCF6

Color Values

HEX

#C1CCF6

RGB

193, 204, 246

HSL

227.5, 74.6%, 86.1%

HSV

227.5, 21.5%, 96.5%

CMYK

21.5%, 17.1%, 0.0%, 3.5%

OKLCH

0.8507 0.0598 273.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C1CCF6

#F6EBC1

Analogous

#C1E7F6

#D1C1F6

#C1CCF6

Triadic

#C1CCF6

#F6C1CC

#CCF6C1

Split Complementary

#C1CCF6

#F6D1C1

#E7F6C1

Tetradic

#C1CCF6

#F6C1E7

#F6EBC1

#C1F6D1

Color Blindness Simulation

Original

#C1CCF6

Protanopia

#C6C6EC

Deuteranopia

#C5C4E9

Tritanopia

#C2E4E2

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F2F5FC
100
#E2E7F8
200
#C1CCF6
300
#94A7EF
400
#5A78E7
500
#2048DF
600
#1A3AB2
700
#152E8E
800
#10246F
900
#101D51
950
#0A1333

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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