#C5BDF6

#C5BDF6

Color Values

HEX

#C5BDF6

RGB

197, 189, 246

HSL

248,4, 76,0%, 85,3%

HSV

248,4, 23,2%, 96,5%

CMYK

19,9%, 23,2%, 0,0%, 3,5%

OKLCH

0,8243 0,0797 291,0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C5BDF6

#EEF6BD

Analogous

#BDD2F6

#E1BDF6

#C5BDF6

Triadic

#C5BDF6

#F6C5BD

#BDF6C5

Split Complementary

#C5BDF6

#F6E1BD

#D2F6BD

Tetradic

#C5BDF6

#F6BDD2

#EEF6BD

#BDF6E1

Color Blindness Simulation

Original

#C5BDF6

Protanopia

#C2C1E8

Deuteranopia

#C2C3E5

Tritanopia

#C5DDDB

Achromatopsia

#C3C3C3

CSS Usage

background-color: #C5BDF6;
color: #C5BDF6;
border-color: #C5BDF6;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F4F2FC
100
#E5E2F9
200
#C8C0F6
300
#A093F0
400
#6D59E8
500
#3A1FE0
600
#2E18B4
700
#251490
800
#1D0F70
900
#190F52
950
#100A34

Contrast Checker

Text on white

1,75:1

AA Fail AAA Fail

Text on black

11,98: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