#C7AAEE

#C7AAEE

Color Values

HEX

#C7AAEE

RGB

199, 170, 238

HSL

265.6, 66.7%, 80.0%

HSV

265.6, 28.6%, 93.3%

CMYK

16.4%, 28.6%, 0.0%, 6.7%

OKLCH

0.787 0.0994 303.7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C7AAEE

#D1EEAA

Analogous

#AAAFEE

#E9AAEE

#C7AAEE

Triadic

#C7AAEE

#EEC7AA

#AAEEC7

Split Complementary

#C7AAEE

#EEE9AA

#AFEEAA

Tetradic

#C7AAEE

#EEAAAF

#D1EEAA

#AAEEE9

Color Blindness Simulation

Original

#C7AAEE

Protanopia

#BABADE

Deuteranopia

#BCBEDA

Tritanopia

#C6D1CE

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#ECE3F7
200
#D8C3F3
300
#BC99EB
400
#9762E0
500
#732AD5
600
#5C22AA
700
#4A1B88
800
#3A156A
900
#2C134E
950
#1C0C31

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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