#C6ABED

#C6ABED

Color Values

HEX

#C6ABED

RGB

198, 171, 237

HSL

264.5, 64.7%, 80.0%

HSV

264.5, 27.8%, 92.9%

CMYK

16.5%, 27.8%, 0.0%, 7.1%

OKLCH

0.7876 0.0962 303.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C6ABED

#D2EDAB

Analogous

#ABB1ED

#E7ABED

#C6ABED

Triadic

#C6ABED

#EDC6AB

#ABEDC6

Split Complementary

#C6ABED

#EDE7AB

#B1EDAB

Tetradic

#C6ABED

#EDABB1

#D2EDAB

#ABEDE7

Color Blindness Simulation

Original

#C6ABED

Protanopia

#BABADD

Deuteranopia

#BCBED9

Tritanopia

#C5D0CE

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EBE3F7
200
#D7C4F2
300
#BB9AE9
400
#9564DE
500
#702DD2
600
#5A24A8
700
#481D86
800
#381769
900
#2B144D
950
#1B0D30

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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