#C5A9EB

#C5A9EB

Color Values

HEX

#C5A9EB

RGB

197, 169, 235

HSL

265.5, 62.3%, 79.2%

HSV

265.5, 28.1%, 92.2%

CMYK

16.2%, 28.1%, 0.0%, 7.8%

OKLCH

0.7822 0.0966 303.7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C5A9EB

#CFEBA9

Analogous

#A9AEEB

#E6A9EB

#C5A9EB

Triadic

#C5A9EB

#EBC5A9

#A9EBC5

Split Complementary

#C5A9EB

#EBE6A9

#AEEBA9

Tetradic

#C5A9EB

#EBA9AE

#CFEBA9

#A9EBE6

Color Blindness Simulation

Original

#C5A9EB

Protanopia

#B9B9DB

Deuteranopia

#BABDD7

Tritanopia

#C4CECC

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#ECE4F7
200
#D8C5F2
300
#BC9CE8
400
#9866DB
500
#7430CF
600
#5C26A6
700
#4A1F84
800
#3A1867
900
#2C154C
950
#1C0D30

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

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