Hex Color #AE6167 - Custom Color

Color Codes

HEX

#AE6167

RGB

rgb(174, 97, 103)

HSL

hsl(355, 32%, 53%)

CMYK

cmyk(0%, 44%, 41%, 32%)

HSV

hsv(355, 44%, 68%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#AE618E #AE6167 #AE8161

Triadic

#AE6167 #67AE61 #6167AE

Split Complementary

#AE6167 #61AE81 #618EAE

Tetradic (Square)

#AE6167 #8EAE61 #61AEA7 #8161AE

Complementary

#AE6167 #61AEA7

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.46:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.71:1

Pass - WCAG AA (Normal Text)

Fail - 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: #AE6167;

color: #AE6167;

border-color: #AE6167;

}

Tailwind CSS (with arbitrary values)

bg-[#AE6167]

text-[#AE6167]

border-[#AE6167]

// Example usage: