#C3BADF

#C3BADF

Color Values

HEX

#C3BADF

RGB

195, 186, 223

HSL

254.6, 36.6%, 80.2%

HSV

254.6, 16.6%, 87.5%

CMYK

12.6%, 16.6%, 0.0%, 12.5%

OKLCH

0.8083 0.0524 296.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C3BADF

#D6DFBA

Analogous

#BAC4DF

#D6BADF

#C3BADF

Triadic

#C3BADF

#DFC3BA

#BADFC3

Split Complementary

#C3BADF

#DFD6BA

#C4DFBA

Tetradic

#C3BADF

#DFBAC4

#D6DFBA

#BADFD6

Color Blindness Simulation

Original

#C3BADF

Protanopia

#BFBFD6

Deuteranopia

#C0C0D4

Tritanopia

#C3CFCD

Achromatopsia

#BFBFBF

CSS Usage

background-color: #C3BADF;
color: #C3BADF;
border-color: #C3BADF;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F6F5FA
100
#EAE8F3
200
#D5CEE8
300
#B6ABD8
400
#8F7EC3
500
#6851AE
600
#53418B
700
#42346F
800
#342857
900
#282040
950
#191529

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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