Hex Color #AFA171 - Custom Color

Color Codes

HEX

#AFA171

RGB

rgb(175, 161, 113)

HSL

hsl(46, 28%, 56%)

CMYK

cmyk(0%, 8%, 35%, 31%)

HSV

hsv(46, 35%, 69%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#AE806F #AEA06F #9DAE6F

Triadic

#AEA06F #6FAEA0 #A06FAE

Split Complementary

#AEA06F #6F9DAE #806FAE

Tetradic (Square)

#AEA06F #6FAE80 #6F7EAE #AE6F9D

Complementary

#AFA171 #6F7EAE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.57:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.16: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: #AFA171;

color: #AFA171;

border-color: #AFA171;

}

Tailwind CSS (with arbitrary values)

bg-[#AFA171]

text-[#AFA171]

border-[#AFA171]

// Example usage: