#C0CCFF

#C0CCFF

Color Values

HEX

#C0CCFF

RGB

192, 204, 255

HSL

228,6, 100,0%, 87,6%

HSV

228,6, 24,7%, 100,0%

CMYK

24,7%, 20,0%, 0,0%, 0,0%

OKLCH

0,8533 0,0724 274,4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C0CCFF

#FFF3C0

Analogous

#C0EBFF

#D3C0FF

#C0CCFF

Triadic

#C0CCFF

#FFC0CC

#CCFFC0

Split Complementary

#C0CCFF

#FFD3C0

#EBFFC0

Tetradic

#C0CCFF

#FFC0EB

#FFF3C0

#C0FFD3

Color Blindness Simulation

Original

#C0CCFF

Protanopia

#C5C5F3

Deuteranopia

#C4C4F0

Tritanopia

#C1E9E7

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F1F3FE
100
#DEE4FC
200
#B8C5FF
300
#859CFF
400
#4266FF
500
#0030FF
600
#0027CC
700
#001FA3
800
#001880
900
#05155C
950
#030E3A

Contrast Checker

Text on white

1,58:1

AA Fail AAA Fail

Text on black

13,32:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

فبراير 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

فبراير 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

فبراير 20, 2026