Hex Color #DD9E29 - Custom Color

Color Codes

HEX

#DD9E29

RGB

rgb(221, 158, 41)

HSL

hsl(39, 73%, 51%)

CMYK

cmyk(0%, 29%, 81%, 13%)

HSV

hsv(39, 81%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DD4227 #DD9D27 #C2DD27

Triadic

#DD9D27 #27DD9D #9D27DD

Split Complementary

#DD9D27 #27C2DD #4227DD

Tetradic (Square)

#DD9D27 #27DD42 #2767DD #DD27C2

Complementary

#DD9E29 #2767DD

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.33:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.00: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: #DD9E29;

color: #DD9E29;

border-color: #DD9E29;

}

Tailwind CSS (with arbitrary values)

bg-[#DD9E29]

text-[#DD9E29]

border-[#DD9E29]

// Example usage: