#DF9DBB

#DF9DBB

Color Values

HEX

#DF9DBB

RGB

223, 157, 187

HSL

332.7, 50.8%, 74.5%

HSV

332.7, 29.6%, 87.5%

CMYK

0.0%, 29.6%, 16.1%, 12.5%

OKLCH

0.7683 0.0872 350.5

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#DF9DBB

#9DDFC1

Analogous

#DF9DDC

#DFA09D

#DF9DBB

Triadic

#DF9DBB

#BBDF9D

#9DBBDF

Split Complementary

#DF9DBB

#9DDFA0

#9DDCDF

Tetradic

#DF9DBB

#DCDF9D

#9DDFC1

#A09DDF

Color Blindness Simulation

Original

#DF9DBB

Protanopia

#C2C2B4

Deuteranopia

#C6CBB2

Tritanopia

#DCAEAD

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5EC
200
#EDC9DA
300
#E1A3BF
400
#D1719C
500
#C03F7A
600
#9A3261
700
#7B284E
800
#601F3D
900
#471A2E
950
#2D111D

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

9.68:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026