#DFAABF

#DFAABF

Color Values

HEX

#DFAABF

RGB

223, 170, 191

HSL

336.2, 45.3%, 77.1%

HSV

336.2, 23.8%, 87.5%

CMYK

0.0%, 23.8%, 14.3%, 12.5%

OKLCH

0.7928 0.0676 353.1

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#DFAABF

#AADFCA

Analogous

#DFAADA

#DFB0AA

#DFAABF

Triadic

#DFAABF

#BFDFAA

#AABFDF

Split Complementary

#DFAABF

#AADFB0

#AADADF

Tetradic

#DFAABF

#DADFAA

#AADFCA

#B0AADF

Color Blindness Simulation

Original

#DFAABF

Protanopia

#C8C8BA

Deuteranopia

#CBCFB9

Tritanopia

#DCB6B5

Achromatopsia

#B7B7B7

CSS Usage

background-color: #DFAABF;
color: #DFAABF;
border-color: #DFAABF;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#EBCBD8
300
#DEA6BC
400
#CB7698
500
#B94674
600
#94385C
700
#772D4A
800
#5D233A
900
#441D2C
950
#2B121C

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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