#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026