#C4BEDC

#C4BEDC

Color Values

HEX

#C4BEDC

RGB

196, 190, 220

HSL

252.0, 30.0%, 80.4%

HSV

252.0, 13.6%, 86.3%

CMYK

10.9%, 13.6%, 0.0%, 13.7%

OKLCH

0.8159 0.0422 294.6

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#C4BEDC

#D6DCBE

Analogous

#BEC7DC

#D3BEDC

#C4BEDC

Triadic

#C4BEDC

#DCC4BE

#BEDCC4

Split Complementary

#C4BEDC

#DCD3BE

#C7DCBE

Tetradic

#C4BEDC

#DCBEC7

#D6DCBE

#BEDCD3

Color Blindness Simulation

Original

#C4BEDC

Protanopia

#C1C1D5

Deuteranopia

#C2C2D3

Tritanopia

#C4CFCE

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EAE9F2
200
#D5D1E6
300
#B7AFD4
400
#9084BD
500
#6959A6
600
#544785
700
#43396A
800
#342D53
900
#29233E
950
#1A1627

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.75:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026