#C4BEF7

#C4BEF7

Color Values

HEX

#C4BEF7

RGB

196, 190, 247

HSL

246.3, 78.1%, 85.7%

HSV

246.3, 23.1%, 96.9%

CMYK

20.6%, 23.1%, 0.0%, 3.1%

OKLCH

0.8258 0.0796 289.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C4BEF7

#F1F7BE

Analogous

#BED5F7

#E1BEF7

#C4BEF7

Triadic

#C4BEF7

#F7C4BE

#BEF7C4

Split Complementary

#C4BEF7

#F7E1BE

#D5F7BE

Tetradic

#C4BEF7

#F7BED5

#F1F7BE

#BEF7E1

Color Blindness Simulation

Original

#C4BEF7

Protanopia

#C1C1E9

Deuteranopia

#C2C2E6

Tritanopia

#C4DEDC

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E4E1F9
200
#C5BFF7
300
#9C92F2
400
#6657EA
500
#311CE3
600
#2716B6
700
#1F1291
800
#180E72
900
#160E53
950
#0E0934

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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