#AE90CC

#AE90CC

Color Values

HEX

#AE90CC

RGB

174, 144, 204

HSL

270.0, 37.0%, 68.2%

HSV

270.0, 29.4%, 80.0%

CMYK

14.7%, 29.4%, 0.0%, 20.0%

OKLCH

0.7021 0.0917 307.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#AE90CC

#AECC90

Analogous

#9090CC

#CC90CC

#AE90CC

Triadic

#AE90CC

#CCAE90

#90CCAE

Split Complementary

#AE90CC

#CCCC90

#90CC90

Tetradic

#AE90CC

#CC9090

#AECC90

#90CCCC

Color Blindness Simulation

Original

#AE90CC

Protanopia

#A1A1BD

Deuteranopia

#A3A5BA

Tritanopia

#ACB2B0

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE8F3
200
#DBCEE9
300
#C2ABD8
400
#A17EC4
500
#8050AF
600
#66408C
700
#523370
800
#402857
900
#302041
950
#1F1429

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

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