#DFB4D8

#DFB4D8

Color Values

HEX

#DFB4D8

RGB

223, 180, 216

HSL

309.8, 40.2%, 79.0%

HSV

309.8, 19.3%, 87.5%

CMYK

0.0%, 19.3%, 3.1%, 12.5%

OKLCH

0.819 0.0687 331.8

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#DFB4D8

#B4DFBB

Analogous

#D0B4DF

#DFB4C2

#DFB4D8

Triadic

#DFB4D8

#D8DFB4

#B4D8DF

Split Complementary

#DFB4D8

#C2DFB4

#B4DFD0

Tetradic

#DFB4D8

#DFD0B4

#B4DFBB

#B4C2DF

Color Blindness Simulation

Original

#DFB4D8

Protanopia

#CCCCCF

Deuteranopia

#CFD2CD

Tritanopia

#DDC8C7

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E7F1
200
#EACDE5
300
#DAA9D2
400
#C77BBA
500
#B34CA2
600
#8F3D82
700
#723168
800
#592651
900
#421F3C
950
#2A1426

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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