#DF9BA0

#DF9BA0

Color Values

HEX

#DF9BA0

RGB

223, 155, 160

HSL

355,6, 51,5%, 74,1%

HSV

355,6, 30,5%, 87,5%

CMYK

0,0%, 30,5%, 28,3%, 12,5%

OKLCH

0,7569 0,0818 14,3

Properties

Warm Light Nearest: lightpink 2

Color Harmonies

Complementary

#DF9BA0

#9BDFDA

Analogous

#DF9BC2

#DFB89B

#DF9BA0

Triadic

#DF9BA0

#A0DF9B

#9BA0DF

Split Complementary

#DF9BA0

#9BDFB8

#9BC2DF

Tetradic

#DF9BA0

#C2DF9B

#9BDFDA

#B89BDF

Color Blindness Simulation

Original

#DF9BA0

Protanopia

#C2C19F

Deuteranopia

#C6CB9E

Tritanopia

#DC9E9E

Achromatopsia

#AAAAAA

CSS Usage

background-color: #DF9BA0;
color: #DF9BA0;
border-color: #DF9BA0;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FBF4F4
100
#F5E5E6
200
#EEC9CC
300
#E1A2A7
400
#D17077
500
#C13E47
600
#9B3139
700
#7C282E
800
#611F24
900
#471A1D
950
#2D1012

Contrast Checker

Text on white

2,25:1

AA Fail AAA Fail

Text on black

9,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