#DFAFB2

#DFAFB2

Color Values

HEX

#DFAFB2

RGB

223, 175, 178

HSL

356.2, 42.9%, 78.0%

HSV

356.2, 21.5%, 87.5%

CMYK

0.0%, 21.5%, 20.2%, 12.5%

OKLCH

0.7982 0.0562 14.2

Properties

Warm Light Nearest: rosybrown 2

Color Harmonies

Complementary

#DFAFB2

#AFDFDC

Analogous

#DFAFCA

#DFC4AF

#DFAFB2

Triadic

#DFAFB2

#B2DFAF

#AFB2DF

Split Complementary

#DFAFB2

#AFDFC4

#AFCADF

Tetradic

#DFAFB2

#CADFAF

#AFDFDC

#C4AFDF

Color Blindness Simulation

Original

#DFAFB2

Protanopia

#CACAB1

Deuteranopia

#CDD1B1

Tritanopia

#DDB1B1

Achromatopsia

#B9B9B9

CSS Usage

background-color: #DFAFB2;
color: #DFAFB2;
border-color: #DFAFB2;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FAF5F5
100
#F4E7E7
200
#EBCCCE
300
#DCA8AB
400
#C9787D
500
#B64950
600
#923A40
700
#752F33
800
#5B2428
900
#431E20
950
#2A1314

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

10.91:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026