#C2B1FC

#C2B1FC

Color Values

HEX

#C2B1FC

RGB

194, 177, 252

HSL

253.6, 92.6%, 84.1%

HSV

253.6, 29.8%, 98.8%

CMYK

23.0%, 29.8%, 0.0%, 1.2%

OKLCH

0.8016 0.1059 294.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C2B1FC

#EBFCB1

Analogous

#B1C5FC

#E7B1FC

#C2B1FC

Triadic

#C2B1FC

#FCC2B1

#B1FCC2

Split Complementary

#C2B1FC

#FCE7B1

#C5FCB1

Tetradic

#C2B1FC

#FCB1C5

#EBFCB1

#B1FCE7

Color Blindness Simulation

Original

#C2B1FC

Protanopia

#BBBAEA

Deuteranopia

#BCBDE5

Tritanopia

#C1DCD8

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F4F1FD
100
#E5DFFB
200
#C9BAFC
300
#A389FA
400
#7149F8
500
#3F09F6
600
#3208C4
700
#28069D
800
#1F057B
900
#1A0859
950
#110538

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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