Hex Color #FEA891 - Custom Color

Color Codes

HEX

#FEA891

RGB

rgb(254, 168, 145)

HSL

hsl(13, 98%, 78%)

CMYK

cmyk(0%, 34%, 43%, 0%)

HSV

hsv(13, 43%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FE90AF #FEA890 #FEDF90

Triadic

#FEA890 #90FEA8 #A890FE

Split Complementary

#FEA890 #90FEDF #90AFFE

Tetradic (Square)

#FEA890 #AFFE90 #90E6FE #DF90FE

Complementary

#FEA891 #90E6FE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.87:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.22: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: #FEA891;

color: #FEA891;

border-color: #FEA891;

}

Tailwind CSS (with arbitrary values)

bg-[#FEA891]

text-[#FEA891]

border-[#FEA891]

// Example usage: