#DFBABE

#DFBABE

Color Values

HEX

#DFBABE

RGB

223, 186, 190

HSL

353,5, 36,6%, 80,2%

HSV

353,5, 16,6%, 87,5%

CMYK

0,0%, 16,6%, 14,8%, 12,5%

OKLCH

0,8222 0,0428 10,7

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#DFBABE

#BADFDB

Analogous

#DFBAD1

#DFC9BA

#DFBABE

Triadic

#DFBABE

#BEDFBA

#BABEDF

Split Complementary

#DFBABE

#BADFC9

#BAD1DF

Tetradic

#DFBABE

#D1DFBA

#BADFDB

#C9BADF

Color Blindness Simulation

Original

#DFBABE

Protanopia

#CFCFBD

Deuteranopia

#D1D4BD

Tritanopia

#DDBCBC

Achromatopsia

#C2C2C2

CSS Usage

background-color: #DFBABE;
color: #DFBABE;
border-color: #DFBABE;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FAF5F5
100
#F3E8E9
200
#E8CED1
300
#D8ABB0
400
#C37E86
500
#AE515B
600
#8B4149
700
#6F343A
800
#57282D
900
#402024
950
#291517

Contrast Checker

Text on white

1,76:1

AA Fail AAA Fail

Text on black

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