Hex Color #DDD381 - Custom Color

Color Codes

HEX

#DDD381

RGB

rgb(221, 211, 129)

HSL

hsl(53, 58%, 69%)

CMYK

cmyk(0%, 5%, 42%, 13%)

HSV

hsv(53, 42%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DEA582 #DED382 #BBDE82

Triadic

#DED382 #82DED3 #D382DE

Split Complementary

#DED382 #82BBDE #A582DE

Tetradic (Square)

#DED382 #82DEA5 #828DDE #DE82BB

Complementary

#DDD381 #828DDE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.53:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.71: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: #DDD381;

color: #DDD381;

border-color: #DDD381;

}

Tailwind CSS (with arbitrary values)

bg-[#DDD381]

text-[#DDD381]

border-[#DDD381]

// Example usage: