#C7ABEE

#C7ABEE

Color Values

HEX

#C7ABEE

RGB

199, 171, 238

HSL

265.1, 66.3%, 80.2%

HSV

265.1, 28.2%, 93.3%

CMYK

16.4%, 28.2%, 0.0%, 6.7%

OKLCH

0.7889 0.0978 303.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C7ABEE

#D2EEAB

Analogous

#ABB1EE

#E9ABEE

#C7ABEE

Triadic

#C7ABEE

#EEC7AB

#ABEEC7

Split Complementary

#C7ABEE

#EEE9AB

#B1EEAB

Tetradic

#C7ABEE

#EEABB1

#D2EEAB

#ABEEE9

Color Blindness Simulation

Original

#C7ABEE

Protanopia

#BBBBDE

Deuteranopia

#BCBFDA

Tritanopia

#C6D1CE

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#ECE3F7
200
#D7C4F3
300
#BB99EA
400
#9662DF
500
#722BD4
600
#5B22AA
700
#491B88
800
#39156A
900
#2C144D
950
#1C0C31

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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