#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026