#CCAFF4

#CCAFF4

Color Values

HEX

#CCAFF4

RGB

204, 175, 244

HSL

265.2, 75.8%, 82.2%

HSV

265.2, 28.3%, 95.7%

CMYK

16.4%, 28.3%, 0.0%, 4.3%

OKLCH

0.803 0.1003 303.5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CCAFF4

#D7F4AF

Analogous

#AFB5F4

#EFAFF4

#CCAFF4

Triadic

#CCAFF4

#F4CCAF

#AFF4CC

Split Complementary

#CCAFF4

#F4EFAF

#B5F4AF

Tetradic

#CCAFF4

#F4AFB5

#D7F4AF

#AFF4EF

Color Blindness Simulation

Original

#CCAFF4

Protanopia

#BFBFE3

Deuteranopia

#C1C3DF

Tritanopia

#CBD6D3

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#EBE2F9
200
#D7C0F6
300
#BA93F0
400
#9559E8
500
#701FE0
600
#5A19B3
700
#48148F
800
#380F70
900
#2B0F52
950
#1B0A33

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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