#DFA7DC

#DFA7DC

Color Values

HEX

#DFA7DC

RGB

223, 167, 220

HSL

303.2, 46.7%, 76.5%

HSV

303.2, 25.1%, 87.5%

CMYK

0.0%, 25.1%, 1.3%, 12.5%

OKLCH

0.7971 0.0957 328.2

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#DFA7DC

#A7DFAA

Analogous

#C6A7DF

#DFA7C0

#DFA7DC

Triadic

#DFA7DC

#DCDFA7

#A7DCDF

Split Complementary

#DFA7DC

#C0DFA7

#A7DFC6

Tetradic

#DFA7DC

#DFC6A7

#A7DFAA

#A7C0DF

Color Blindness Simulation

Original

#DFA7DC

Protanopia

#C7C6CF

Deuteranopia

#CACECC

Tritanopia

#DCC5C3

Achromatopsia

#B7B7B7

CSS Usage

background-color: #DFA7DC;
color: #DFA7DC;
border-color: #DFA7DC;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCBEA
300
#DEA5DB
400
#CD75C8
500
#BB44B5
600
#963691
700
#782B74
800
#5E225A
900
#451C43
950
#2B122A

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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