Hex Color #DFB64E - Custom Color

Color Codes

HEX

#DFB64E

RGB

rgb(223, 182, 78)

HSL

hsl(43, 69%, 59%)

CMYK

cmyk(0%, 18%, 65%, 13%)

HSV

hsv(43, 65%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DF6E4E #DFB64E #BFDF4E

Triadic

#DFB64E #4EDFB6 #B64EDF

Split Complementary

#DFB64E #4EBFDF #6E4EDF

Tetradic (Square)

#DFB64E #4EDF6E #4E77DF #DF4EBF

Complementary

#DFB64E #4E77DF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.92:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.94:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

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

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #DFB64E;

color: #DFB64E;

border-color: #DFB64E;

}

Tailwind CSS (with arbitrary values)

bg-[#DFB64E]

text-[#DFB64E]

border-[#DFB64E]

// Example usage: