Hex Color #DAB396 - Custom Color

Color Codes

HEX

#DAB396

RGB

rgb(218, 179, 150)

HSL

hsl(26, 48%, 72%)

CMYK

cmyk(0%, 18%, 31%, 15%)

HSV

hsv(26, 31%, 85%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DA959A #DAB395 #DAD595

Triadic

#DAB395 #95DAB3 #B395DA

Split Complementary

#DAB395 #95DAD5 #959ADA

Tetradic (Square)

#DAB395 #9ADA95 #95BCDA #D595DA

Complementary

#DAB396 #95BCDA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.93:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.87: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: #DAB396;

color: #DAB396;

border-color: #DAB396;

}

Tailwind CSS (with arbitrary values)

bg-[#DAB396]

text-[#DAB396]

border-[#DAB396]

// Example usage: