#C5BEFA

#C5BEFA

Color Values

HEX

#C5BEFA

RGB

197, 190, 250

HSL

247.0, 85.7%, 86.3%

HSV

247.0, 24.0%, 98.0%

CMYK

21.2%, 24.0%, 0.0%, 2.0%

OKLCH

0.8278 0.0837 289.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C5BEFA

#F3FABE

Analogous

#BED5FA

#E3BEFA

#C5BEFA

Triadic

#C5BEFA

#FAC5BE

#BEFAC5

Split Complementary

#C5BEFA

#FAE3BE

#D5FABE

Tetradic

#C5BEFA

#FABED5

#F3FABE

#BEFAE3

Color Blindness Simulation

Original

#C5BEFA

Protanopia

#C2C2EB

Deuteranopia

#C2C3E8

Tritanopia

#C5E0DE

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E0FA
200
#C4BDFA
300
#9A8DF6
400
#6350F2
500
#2C12ED
600
#230FBD
700
#1C0C98
800
#160976
900
#140B56
950
#0D0736

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

12.12:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026