#C8AEEC

#C8AEEC

Color Values

HEX

#C8AEEC

RGB

200, 174, 236

HSL

265.2, 62.0%, 80.4%

HSV

265.2, 26.3%, 92.5%

CMYK

15.3%, 26.3%, 0.0%, 7.5%

OKLCH

0.7945 0.0905 303.6

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C8AEEC

#D2ECAE

Analogous

#AEB3EC

#E7AEEC

#C8AEEC

Triadic

#C8AEEC

#ECC8AE

#AEECC8

Split Complementary

#C8AEEC

#ECE7AE

#B3ECAE

Tetradic

#C8AEEC

#ECAEB3

#D2ECAE

#AEECE7

Color Blindness Simulation

Original

#C8AEEC

Protanopia

#BDBDDD

Deuteranopia

#BEC0D9

Tritanopia

#C7D1CF

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#ECE4F7
200
#D8C5F1
300
#BC9CE8
400
#9766DB
500
#7330CF
600
#5C27A5
700
#4A1F84
800
#391867
900
#2C154B
950
#1C0E30

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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