#C6ABFC

#C6ABFC

Color Values

HEX

#C6ABFC

RGB

198, 171, 252

HSL

260.0, 93.1%, 82.9%

HSV

260.0, 32.1%, 98.8%

CMYK

21.4%, 32.1%, 0.0%, 1.2%

OKLCH

0.7939 0.1159 299.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C6ABFC

#E1FCAB

Analogous

#ABB8FC

#EEABFC

#C6ABFC

Triadic

#C6ABFC

#FCC6AB

#ABFCC6

Split Complementary

#C6ABFC

#FCEEAB

#B8FCAB

Tetradic

#C6ABFC

#FCABB8

#E1FCAB

#ABFCEE

Color Blindness Simulation

Original

#C6ABFC

Protanopia

#BABAE8

Deuteranopia

#BCBEE4

Tritanopia

#C5D9D6

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F5F1FD
100
#E8DFFB
200
#D0BAFD
300
#AF89FB
400
#8349F8
500
#5809F6
600
#4607C5
700
#38069E
800
#2C047B
900
#230859
950
#160538

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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