#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