Hex Color #DFD111 - Custom Color

Color Codes

HEX

#DFD111

RGB

rgb(223, 209, 17)

HSL

hsl(56, 86%, 47%)

CMYK

cmyk(0%, 6%, 92%, 13%)

HSV

hsv(56, 92%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DF6A11 #DFD111 #86DF11

Triadic

#DFD111 #11DFD1 #D111DF

Split Complementary

#DFD111 #1186DF #6A11DF

Tetradic (Square)

#DFD111 #11DF6A #111FDF #DF1186

Complementary

#DFD111 #111FDF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.58:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.27: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: #DFD111;

color: #DFD111;

border-color: #DFD111;

}

Tailwind CSS (with arbitrary values)

bg-[#DFD111]

text-[#DFD111]

border-[#DFD111]

// Example usage: