#DFA69F

#DFA69F

Color Values

HEX

#DFA69F

RGB

223, 166, 159

HSL

6.6, 50.0%, 74.9%

HSV

6.6, 28.7%, 87.5%

CMYK

0.0%, 25.6%, 28.7%, 12.5%

OKLCH

0.7765 0.0686 26.7

Properties

Warm Light Nearest: rosybrown 2

Color Harmonies

Complementary

#DFA69F

#9FD8DF

Analogous

#DF9FB8

#DFC69F

#DFA69F

Triadic

#DFA69F

#9FDFA6

#A69FDF

Split Complementary

#DFA69F

#9FDFC6

#9FB8DF

Tetradic

#DFA69F

#B8DF9F

#9FD8DF

#C69FDF

Color Blindness Simulation

Original

#DFA69F

Protanopia

#C6C6A1

Deuteranopia

#CACEA1

Tritanopia

#DCA2A2

Achromatopsia

#B2B2B2

CSS Usage

background-color: #DFA69F;
color: #DFA69F;
border-color: #DFA69F;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FBF5F4
100
#F5E7E6
200
#EDCDC9
300
#E0AAA3
400
#D07C71
500
#BF4E40
600
#993E33
700
#7A3229
800
#602720
900
#461F1B
950
#2C1411

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

10.09:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026