#DFBBC0

#DFBBC0

Color Values

HEX

#DFBBC0

RGB

223, 187, 192

HSL

351,7, 36,0%, 80,4%

HSV

351,7, 16,1%, 87,5%

CMYK

0,0%, 16,1%, 13,9%, 12,5%

OKLCH

0,8247 0,0418 8,6

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#DFBBC0

#BBDFDA

Analogous

#DFBBD2

#DFC8BB

#DFBBC0

Triadic

#DFBBC0

#C0DFBB

#BBC0DF

Split Complementary

#DFBBC0

#BBDFC8

#BBD2DF

Tetradic

#DFBBC0

#D2DFBB

#BBDFDA

#C8BBDF

Color Blindness Simulation

Original

#DFBBC0

Protanopia

#CFCFBF

Deuteranopia

#D2D4BE

Tritanopia

#DDBEBE

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E8E9
200
#E8CED2
300
#D8ACB2
400
#C37F88
500
#AD525E
600
#8B414B
700
#6F343C
800
#57292F
900
#402125
950
#291517

Contrast Checker

Text on white

1,75:1

AA Fail AAA Fail

Text on black

12,01: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