#C3BEFD

#C3BEFD

Color Values

HEX

#C3BEFD

RGB

195, 190, 253

HSL

244,8, 94,0%, 86,9%

HSV

244,8, 24,9%, 99,2%

CMYK

22,9%, 24,9%, 0,0%, 0,8%

OKLCH

0,8274 0,0878 288,0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C3BEFD

#F8FDBE

Analogous

#BED9FD

#E3BEFD

#C3BEFD

Triadic

#C3BEFD

#FDC3BE

#BEFDC3

Split Complementary

#C3BEFD

#FDE3BE

#D9FDBE

Tetradic

#C3BEFD

#FDBED9

#F8FDBE

#BEFDE3

Color Blindness Simulation

Original

#C3BEFD

Protanopia

#C1C1EE

Deuteranopia

#C1C2EA

Tritanopia

#C3E2DF

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F2F1FD
100
#E1DFFB
200
#BFBAFD
300
#9188FB
400
#5648F9
500
#1B08F7
600
#1506C6
700
#11059E
800
#0D047C
900
#0E0759
950
#090538

Contrast Checker

Text on white

1,73:1

AA Fail AAA Fail

Text on black

12,1: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