#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026