#D6AFCC

#D6AFCC

Color Values

HEX

#D6AFCC

RGB

214, 175, 204

HSL

315.4, 32.2%, 76.3%

HSV

315.4, 18.2%, 83.9%

CMYK

0.0%, 18.2%, 4.7%, 16.1%

OKLCH

0.7974 0.0594 335.3

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#D6AFCC

#AFD6B9

Analogous

#CDAFD6

#D6AFB9

#D6AFCC

Triadic

#D6AFCC

#CCD6AF

#AFCCD6

Split Complementary

#D6AFCC

#B9D6AF

#AFD6CD

Tetradic

#D6AFCC

#D6CDAF

#AFD6B9

#AFB9D6

Color Blindness Simulation

Original

#D6AFCC

Protanopia

#C5C5C5

Deuteranopia

#C7CAC3

Tritanopia

#D4BFBE

Achromatopsia

#B9B9B9

CSS Usage

background-color: #D6AFCC;
color: #D6AFCC;
border-color: #D6AFCC;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#F9F5F8
100
#F2E8F0
200
#E7D0E1
300
#D6AECB
400
#BF82AF
500
#A95693
600
#874576
700
#6C375E
800
#542B4A
900
#3E2237
950
#271623

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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