#C4BEDB

#C4BEDB

Color Values

HEX

#C4BEDB

RGB

196, 190, 219

HSL

252.4, 28.7%, 80.2%

HSV

252.4, 13.2%, 85.9%

CMYK

10.5%, 13.2%, 0.0%, 14.1%

OKLCH

0.8156 0.0408 295.0

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#C4BEDB

#D5DBBE

Analogous

#BEC7DB

#D2BEDB

#C4BEDB

Triadic

#C4BEDB

#DBC4BE

#BEDBC4

Split Complementary

#C4BEDB

#DBD2BE

#C7DBBE

Tetradic

#C4BEDB

#DBBEC7

#D5DBBE

#BEDBD2

Color Blindness Simulation

Original

#C4BEDB

Protanopia

#C1C1D4

Deuteranopia

#C2C2D2

Tritanopia

#C4CECD

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EBE9F2
200
#D5D1E6
300
#B7B0D3
400
#9186BC
500
#6A5BA4
600
#554983
700
#443A69
800
#352D52
900
#29243D
950
#1A1727

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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