#C7BEDD

#C7BEDD

Color Values

HEX

#C7BEDD

RGB

199, 190, 221

HSL

257.4, 31.3%, 80.6%

HSV

257.4, 14.0%, 86.7%

CMYK

10.0%, 14.0%, 0.0%, 13.3%

OKLCH

0.8187 0.044 298.7

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#C7BEDD

#D4DDBE

Analogous

#BEC5DD

#D7BEDD

#C7BEDD

Triadic

#C7BEDD

#DDC7BE

#BEDDC7

Split Complementary

#C7BEDD

#DDD7BE

#C5DDBE

Tetradic

#C7BEDD

#DDBEC5

#D4DDBE

#BEDDD7

Color Blindness Simulation

Original

#C7BEDD

Protanopia

#C3C3D6

Deuteranopia

#C4C4D4

Tritanopia

#C7D0CE

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EBE8F2
200
#D7D0E6
300
#BAAFD5
400
#9483BE
500
#6F58A7
600
#594686
700
#47386B
800
#372C54
900
#2B233E
950
#1B1627

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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