#DFA7C6

#DFA7C6

Color Values

HEX

#DFA7C6

RGB

223, 167, 198

HSL

326.8, 46.7%, 76.5%

HSV

326.8, 25.1%, 87.5%

CMYK

0.0%, 25.1%, 11.2%, 12.5%

OKLCH

0.7895 0.077 344.7

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#DFA7C6

#A7DFC0

Analogous

#DCA7DF

#DFA7AA

#DFA7C6

Triadic

#DFA7C6

#C6DFA7

#A7C6DF

Split Complementary

#DFA7C6

#AADFA7

#A7DFDC

Tetradic

#DFA7C6

#DFDCA7

#A7DFC0

#A7AADF

Color Blindness Simulation

Original

#DFA7C6

Protanopia

#C7C6BF

Deuteranopia

#CACEBD

Tritanopia

#DCB9B7

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCBDD
300
#DEA5C5
400
#CD75A5
500
#BB4486
600
#96366B
700
#782B56
800
#5E2243
900
#451C33
950
#2B1220

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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