Hex Color #DCB499 - Custom Color

Color Codes

HEX

#DCB499

RGB

rgb(220, 180, 153)

HSL

hsl(24, 49%, 73%)

CMYK

cmyk(0%, 18%, 30%, 14%)

HSV

hsv(24, 30%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DC989F #DCB398 #DCD598

Triadic

#DCB398 #98DCB3 #B398DC

Split Complementary

#DCB398 #98DCD5 #989FDC

Tetradic (Square)

#DCB398 #9FDC98 #98C1DC #D598DC

Complementary

#DCB499 #98C1DC

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.90:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.03: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: #DCB499;

color: #DCB499;

border-color: #DCB499;

}

Tailwind CSS (with arbitrary values)

bg-[#DCB499]

text-[#DCB499]

border-[#DCB499]

// Example usage: