#C3B3D2

#C3B3D2

Color Values

HEX

#C3B3D2

RGB

195, 179, 210

HSL

271.0, 25.6%, 76.3%

HSV

271.0, 14.8%, 82.4%

CMYK

7.1%, 14.8%, 0.0%, 17.6%

OKLCH

0.79 0.0466 308.5

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#C3B3D2

#C2D2B3

Analogous

#B4B3D2

#D2B3D2

#C3B3D2

Triadic

#C3B3D2

#D2C3B3

#B3D2C3

Split Complementary

#C3B3D2

#D2D2B3

#B3D2B4

Tetradic

#C3B3D2

#D2B4B3

#C2D2B3

#B3D2D2

Color Blindness Simulation

Original

#C3B3D2

Protanopia

#BCBCCB

Deuteranopia

#BDBEC9

Tritanopia

#C2C5C3

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EDE9F1
200
#DCD2E4
300
#C2B2D1
400
#A188B9
500
#815FA0
600
#674C80
700
#523D66
800
#402F50
900
#31253C
950
#1F1826

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

10.7:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026