#C4A1EB

#C4A1EB

Color Values

HEX

#C4A1EB

RGB

196, 161, 235

HSL

268.4, 64.9%, 77.6%

HSV

268.4, 31.5%, 92.2%

CMYK

16.6%, 31.5%, 0.0%, 7.8%

OKLCH

0.7667 0.1097 305.6

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C4A1EB

#C8EBA1

Analogous

#A1A3EB

#E9A1EB

#C4A1EB

Triadic

#C4A1EB

#EBC4A1

#A1EBC4

Split Complementary

#C4A1EB

#EBE9A1

#A3EBA1

Tetradic

#C4A1EB

#EBA1A3

#C8EBA1

#A1EBE9

Color Blindness Simulation

Original

#C4A1EB

Protanopia

#B5B5D9

Deuteranopia

#B7BAD5

Tritanopia

#C2CBC8

Achromatopsia

#AEAEAE

CSS Usage

background-color: #C4A1EB;
color: #C4A1EB;
border-color: #C4A1EB;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DAC4F2
300
#C09AEA
400
#9D63DE
500
#7B2DD2
600
#6224A8
700
#4F1D87
800
#3E1669
900
#2F144D
950
#1E0D30

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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