#C0CDFF

#C0CDFF

Color Values

HEX

#C0CDFF

RGB

192, 205, 255

HSL

227,6, 100,0%, 87,6%

HSV

227,6, 24,7%, 100,0%

CMYK

24,7%, 19,6%, 0,0%, 0,0%

OKLCH

0,8553 0,0712 273,4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C0CDFF

#FFF2C0

Analogous

#C0ECFF

#D2C0FF

#C0CDFF

Triadic

#C0CDFF

#FFC0CD

#CDFFC0

Split Complementary

#C0CDFF

#FFD2C0

#ECFFC0

Tetradic

#C0CDFF

#FFC0EC

#FFF2C0

#C0FFD2

Color Blindness Simulation

Original

#C0CDFF

Protanopia

#C6C6F3

Deuteranopia

#C5C4F0

Tritanopia

#C1E9E7

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F1F4FE
100
#DEE4FC
200
#B8C6FF
300
#859EFF
400
#4269FF
500
#0035FF
600
#002ACC
700
#0022A3
800
#001A80
900
#05175C
950
#030E3A

Contrast Checker

Text on white

1,57:1

AA Fail AAA Fail

Text on black

13,42:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026