#CFACDF

#CFACDF

Color Values

HEX

#CFACDF

RGB

207, 172, 223

HSL

281.2, 44.3%, 77.5%

HSV

281.2, 22.9%, 87.5%

CMYK

7.2%, 22.9%, 0.0%, 12.5%

OKLCH

0.792 0.0803 315.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CFACDF

#BCDFAC

Analogous

#B6ACDF

#DFACD6

#CFACDF

Triadic

#CFACDF

#DFCFAC

#ACDFCF

Split Complementary

#CFACDF

#D6DFAC

#ACDFB6

Tetradic

#CFACDF

#DFB6AC

#BCDFAC

#ACD6DF

Color Blindness Simulation

Original

#CFACDF

Protanopia

#C0C0D3

Deuteranopia

#C2C4D0

Tritanopia

#CDC9C7

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F8F4FA
100
#F0E6F4
200
#E1CBEB
300
#CCA7DD
400
#B077CA
500
#9547B8
600
#773993
700
#5F2D76
800
#4A245C
900
#381D44
950
#23122B

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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