#C0BCED

#C0BCED

Color Values

HEX

#C0BCED

RGB

192, 188, 237

HSL

244.9, 57.6%, 83.3%

HSV

244.9, 20.7%, 92.9%

CMYK

19.0%, 20.7%, 0.0%, 7.1%

OKLCH

0.815 0.0686 288.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C0BCED

#E9EDBC

Analogous

#BCD0ED

#D8BCED

#C0BCED

Triadic

#C0BCED

#EDC0BC

#BCEDC0

Split Complementary

#C0BCED

#EDD8BC

#D0EDBC

Tetradic

#C0BCED

#EDBCD0

#E9EDBC

#BCEDD8

Color Blindness Simulation

Original

#C0BCED

Protanopia

#BEBEE1

Deuteranopia

#BEBFDE

Tritanopia

#C0D8D6

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E4F6
200
#CAC7F0
300
#A49FE5
400
#736AD7
500
#4236C9
600
#352BA1
700
#2A2381
800
#211B64
900
#1B174A
950
#110F2E

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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