#DFB4B5

#DFB4B5

Color Values

HEX

#DFB4B5

RGB

223, 180, 181

HSL

358.6, 40.2%, 79.0%

HSV

358.6, 19.3%, 87.5%

CMYK

0.0%, 19.3%, 18.8%, 12.5%

OKLCH

0.8084 0.05 16.7

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#DFB4B5

#B4DFDE

Analogous

#DFB4CA

#DFC8B4

#DFB4B5

Triadic

#DFB4B5

#B5DFB4

#B4B5DF

Split Complementary

#DFB4B5

#B4DFC8

#B4CADF

Tetradic

#DFB4B5

#CADFB4

#B4DFDE

#C8B4DF

Color Blindness Simulation

Original

#DFB4B5

Protanopia

#CCCCB5

Deuteranopia

#CFD2B5

Tritanopia

#DDB5B5

Achromatopsia

#BDBDBD

CSS Usage

background-color: #DFB4B5;
color: #DFB4B5;
border-color: #DFB4B5;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#EACDCE
300
#DAA9AA
400
#C77B7C
500
#B34C4F
600
#8F3D3F
700
#723132
800
#592627
900
#421F20
950
#2A1414

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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