#C0BADC

#C0BADC

Color Values

HEX

#C0BADC

RGB

192, 186, 220

HSL

250.6, 32.7%, 79.6%

HSV

250.6, 15.5%, 86.3%

CMYK

12.7%, 15.5%, 0.0%, 13.7%

OKLCH

0.8048 0.0479 293.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C0BADC

#D6DCBA

Analogous

#BAC5DC

#D1BADC

#C0BADC

Triadic

#C0BADC

#DCC0BA

#BADCC0

Split Complementary

#C0BADC

#DCD1BA

#C5DCBA

Tetradic

#C0BADC

#DCBAC5

#D6DCBA

#BADCD1

Color Blindness Simulation

Original

#C0BADC

Protanopia

#BDBDD4

Deuteranopia

#BEBED2

Tritanopia

#C0CDCC

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EAE8F2
200
#D4D0E7
300
#B5AED6
400
#8D82C0
500
#6556A9
600
#504587
700
#40376C
800
#322B55
900
#27223F
950
#191628

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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