#C0CCF6

#C0CCF6

Color Values

HEX

#C0CCF6

RGB

192, 204, 246

HSL

226.7, 75.0%, 85.9%

HSV

226.7, 22.0%, 96.5%

CMYK

22.0%, 17.1%, 0.0%, 3.5%

OKLCH

0.8499 0.0601 272.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C0CCF6

#F6EAC0

Analogous

#C0E7F6

#CFC0F6

#C0CCF6

Triadic

#C0CCF6

#F6C0CC

#CCF6C0

Split Complementary

#C0CCF6

#F6CFC0

#E7F6C0

Tetradic

#C0CCF6

#F6C0E7

#F6EAC0

#C0F6CF

Color Blindness Simulation

Original

#C0CCF6

Protanopia

#C5C5EC

Deuteranopia

#C4C4E9

Tritanopia

#C1E4E2

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F2F5FC
100
#E2E7F9
200
#C1CCF6
300
#94A8F0
400
#5A79E7
500
#204ADF
600
#193BB3
700
#14308F
800
#102570
900
#101E51
950
#0A1333

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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