#DFACCB

#DFACCB

Color Values

HEX

#DFACCB

RGB

223, 172, 203

HSL

323,5, 44,3%, 77,5%

HSV

323,5, 22,9%, 87,5%

CMYK

0,0%, 22,9%, 9,0%, 12,5%

OKLCH

0,8002 0,0719 341,8

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#DFACCB

#ACDFC0

Analogous

#DAACDF

#DFACB2

#DFACCB

Triadic

#DFACCB

#CBDFAC

#ACCBDF

Split Complementary

#DFACCB

#B2DFAC

#ACDFDA

Tetradic

#DFACCB

#DFDAAC

#ACDFC0

#ACB2DF

Color Blindness Simulation

Original

#DFACCB

Protanopia

#C9C8C4

Deuteranopia

#CCD0C2

Tritanopia

#DCBEBC

Achromatopsia

#B9B9B9

CSS Usage

background-color: #DFACCB;
color: #DFACCB;
border-color: #DFACCB;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FAF4F8
100
#F4E6EF
200
#EBCBDF
300
#DDA7C8
400
#CA77AA
500
#B8478C
600
#933970
700
#762D59
800
#5C2446
900
#441D35
950
#2B1221

Contrast Checker

Text on white

1,93:1

AA Fail AAA Fail

Text on black

10,9:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026