#C7B5DC

#C7B5DC

Color Values

HEX

#C7B5DC

RGB

199, 181, 220

HSL

267.7, 35.8%, 78.6%

HSV

267.7, 17.7%, 86.3%

CMYK

9.5%, 17.7%, 0.0%, 13.7%

OKLCH

0.8008 0.0576 306.0

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#C7B5DC

#CADCB5

Analogous

#B5B6DC

#DAB5DC

#C7B5DC

Triadic

#C7B5DC

#DCC7B5

#B5DCC7

Split Complementary

#C7B5DC

#DCDAB5

#B6DCB5

Tetradic

#C7B5DC

#DCB5B6

#CADCB5

#B5DCDA

Color Blindness Simulation

Original

#C7B5DC

Protanopia

#BFBFD3

Deuteranopia

#C0C2D0

Tritanopia

#C6CBC9

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE8F3
200
#DACFE8
300
#C0ACD8
400
#9E7FC2
500
#7C52AD
600
#63418B
700
#4F346F
800
#3E2957
900
#2F2140
950
#1E1528

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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