#C0BCEE

#C0BCEE

Color Values

HEX

#C0BCEE

RGB

192, 188, 238

HSL

244.8, 59.5%, 83.5%

HSV

244.8, 21.0%, 93.3%

CMYK

19.3%, 21.0%, 0.0%, 6.7%

OKLCH

0.8153 0.07 288.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C0BCEE

#EAEEBC

Analogous

#BCD1EE

#D9BCEE

#C0BCEE

Triadic

#C0BCEE

#EEC0BC

#BCEEC0

Split Complementary

#C0BCEE

#EED9BC

#D1EEBC

Tetradic

#C0BCEE

#EEBCD1

#EAEEBC

#BCEED9

Color Blindness Simulation

Original

#C0BCEE

Protanopia

#BEBEE2

Deuteranopia

#BEBFDF

Tritanopia

#C0D8D6

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F4F3FB
100
#E6E4F6
200
#C9C6F1
300
#A39DE6
400
#7169D9
500
#4034CB
600
#3329A3
700
#292182
800
#201A66
900
#1B174A
950
#110E2F

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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