#C7ACE4

#C7ACE4

Color Values

HEX

#C7ACE4

RGB

199, 172, 228

HSL

268.9, 50.9%, 78.4%

HSV

268.9, 24.6%, 89.4%

CMYK

12.7%, 24.6%, 0.0%, 10.6%

OKLCH

0.7867 0.0832 306.5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C7ACE4

#C9E4AC

Analogous

#ACADE4

#E3ACE4

#C7ACE4

Triadic

#C7ACE4

#E4C7AC

#ACE4C7

Split Complementary

#C7ACE4

#E4E3AC

#ADE4AC

Tetradic

#C7ACE4

#E4ACAD

#C9E4AC

#ACE4E3

Color Blindness Simulation

Original

#C7ACE4

Protanopia

#BBBBD6

Deuteranopia

#BDBFD3

Tritanopia

#C6CCC9

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DBC9ED
300
#C1A3E1
400
#9F71D1
500
#7D3FC0
600
#64329A
700
#50287B
800
#3F1F60
900
#301A47
950
#1E112D

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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