#C3BBDF

#C3BBDF

Color Values

HEX

#C3BBDF

RGB

195, 187, 223

HSL

253,3, 36,0%, 80,4%

HSV

253,3, 16,1%, 87,5%

CMYK

12,6%, 16,1%, 0,0%, 12,5%

OKLCH

0,8102 0,0508 295,4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C3BBDF

#D7DFBB

Analogous

#BBC5DF

#D5BBDF

#C3BBDF

Triadic

#C3BBDF

#DFC3BB

#BBDFC3

Split Complementary

#C3BBDF

#DFD5BB

#C5DFBB

Tetradic

#C3BBDF

#DFBBC5

#D7DFBB

#BBDFD5

Color Blindness Simulation

Original

#C3BBDF

Protanopia

#C0BFD6

Deuteranopia

#C0C1D4

Tritanopia

#C3CFCE

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE8F3
200
#D4CEE8
300
#B6ACD8
400
#8E7FC3
500
#6652AD
600
#52418B
700
#41346F
800
#332957
900
#282140
950
#191529

Contrast Checker

Text on white

1,83:1

AA Fail AAA Fail

Text on black

11,49: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