#C5BEFC

#C5BEFC

Color Values

HEX

#C5BEFC

RGB

197, 190, 252

HSL

246.8, 91.2%, 86.7%

HSV

246.8, 24.6%, 98.8%

CMYK

21.8%, 24.6%, 0.0%, 1.2%

OKLCH

0.8286 0.0865 289.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C5BEFC

#F5FCBE

Analogous

#BED6FC

#E4BEFC

#C5BEFC

Triadic

#C5BEFC

#FCC5BE

#BEFCC5

Split Complementary

#C5BEFC

#FCE4BE

#D6FCBE

Tetradic

#C5BEFC

#FCBED6

#F5FCBE

#BEFCE4

Color Blindness Simulation

Original

#C5BEFC

Protanopia

#C2C2ED

Deuteranopia

#C2C3E9

Tritanopia

#C5E1DF

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F3F1FD
100
#E2DFFB
200
#C2BBFC
300
#978AFA
400
#5E4BF7
500
#260BF4
600
#1E09C3
700
#18079C
800
#13067A
900
#120958
950
#0B0538

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

12.15:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026