#D6AFDC

#D6AFDC

Color Values

HEX

#D6AFDC

RGB

214, 175, 220

HSL

292,0, 39,1%, 77,5%

HSV

292,0, 20,5%, 86,3%

CMYK

2,7%, 20,5%, 0,0%, 13,7%

OKLCH

0,8029 0,0754 321,8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D6AFDC

#B5DCAF

Analogous

#C0AFDC

#DCAFCC

#D6AFDC

Triadic

#D6AFDC

#DCD6AF

#AFDCD6

Split Complementary

#D6AFDC

#CCDCAF

#AFDCC0

Tetradic

#D6AFDC

#DCC0AF

#B5DCAF

#AFCCDC

Color Blindness Simulation

Original

#D6AFDC

Protanopia

#C5C5D1

Deuteranopia

#C7CACE

Tritanopia

#D4C9C7

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F2E7F3
200
#E6CDE9
300
#D3AADA
400
#BC7CC6
500
#A44EB1
600
#833E8E
700
#693272
800
#522759
900
#3D1F41
950
#261429

Contrast Checker

Text on white

1,9:1

AA Fail AAA Fail

Text on black

11,02: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