#CCACDA

#CCACDA

Color Values

HEX

#CCACDA

RGB

204, 172, 218

HSL

281,7, 38,3%, 76,5%

HSV

281,7, 21,1%, 85,5%

CMYK

6,4%, 21,1%, 0,0%, 14,5%

OKLCH

0,7874 0,0728 315,5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CCACDA

#BADAAC

Analogous

#B5ACDA

#DAACD1

#CCACDA

Triadic

#CCACDA

#DACCAC

#ACDACC

Split Complementary

#CCACDA

#D1DAAC

#ACDAB5

Tetradic

#CCACDA

#DAB5AC

#BADAAC

#ACD1DA

Color Blindness Simulation

Original

#CCACDA

Protanopia

#BEBECF

Deuteranopia

#C0C2CC

Tritanopia

#CAC6C4

Achromatopsia

#B6B6B6

CSS Usage

background-color: #CCACDA;
color: #CCACDA;
border-color: #CCACDA;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#E1CEE9
300
#CBAAD9
400
#AF7DC5
500
#934FB0
600
#753F8D
700
#5E3271
800
#492758
900
#372041
950
#231429

Contrast Checker

Text on white

2,0:1

AA Fail AAA Fail

Text on black

10,48:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026