Hex Color #DFC474 - Custom Color

Color Codes

HEX

#DFC474

RGB

rgb(223, 196, 116)

HSL

hsl(45, 63%, 66%)

CMYK

cmyk(0%, 12%, 48%, 13%)

HSV

hsv(45, 48%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DF8D72 #DFC472 #C4DF72

Triadic

#DFC472 #72DFC4 #C472DF

Split Complementary

#DFC472 #72C4DF #8D72DF

Tetradic (Square)

#DFC472 #72DF8D #728DDF #DF72C4

Complementary

#DFC474 #728DDF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.71:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.29: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: #DFC474;

color: #DFC474;

border-color: #DFC474;

}

Tailwind CSS (with arbitrary values)

bg-[#DFC474]

text-[#DFC474]

border-[#DFC474]

// Example usage: