Hex Color #DFDDAF - Custom Color

Color Codes

HEX

#DFDDAF

RGB

rgb(223, 221, 175)

HSL

hsl(58, 43%, 78%)

CMYK

cmyk(0%, 1%, 22%, 13%)

HSV

hsv(58, 22%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DFC5AF #DFDDAF #C9DFAF

Triadic

#DFDDAF #AFDFDD #DDAFDF

Split Complementary

#DFDDAF #AFC9DF #C5AFDF

Tetradic (Square)

#DFDDAF #AFDFC5 #AFB0DF #DFAFC9

Complementary

#DFDDAF #AFB0DF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.39:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.10:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #DFDDAF;

color: #DFDDAF;

border-color: #DFDDAF;

}

Tailwind CSS (with arbitrary values)

bg-[#DFDDAF]

text-[#DFDDAF]

border-[#DFDDAF]

// Example usage: