#DFA6FD

#DFA6FD

Color Values

HEX

#DFA6FD

RGB

223, 166, 253

HSL

279.3, 95.6%, 82.2%

HSV

279.3, 34.4%, 99.2%

CMYK

11.9%, 34.4%, 0.0%, 0.8%

OKLCH

0.8084 0.1332 313.5

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#DFA6FD

#C4FDA6

Analogous

#B4A6FD

#FDA6F0

#DFA6FD

Triadic

#DFA6FD

#FDDFA6

#A6FDDF

Split Complementary

#DFA6FD

#F0FDA6

#A6FDB4

Tetradic

#DFA6FD

#FDB4A6

#C4FDA6

#A6F0FD

Color Blindness Simulation

Original

#DFA6FD

Protanopia

#C6C6E8

Deuteranopia

#CACEE3

Tritanopia

#DCD7D4

Achromatopsia

#B8B8B8

CSS Usage

background-color: #DFA6FD;
color: #DFA6FD;
border-color: #DFA6FD;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F9F1FE
100
#F2DFFC
200
#E6B9FD
300
#D487FC
400
#BD46FB
500
#A506F9
600
#8404C8
700
#6A04A0
800
#53037D
900
#3D075A
950
#270439

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

11.01:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026