Hex Color #FEA39E - Custom Color

Color Codes

HEX

#FEA39E

RGB

rgb(254, 163, 158)

HSL

hsl(3, 98%, 81%)

CMYK

cmyk(0%, 36%, 38%, 0%)

HSV

hsv(3, 38%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FE9FCA #FEA49F #FED39F

Triadic

#FEA49F #9FFEA4 #A49FFE

Split Complementary

#FEA49F #9FFED3 #9FCAFE

Tetradic (Square)

#FEA49F #CAFE9F #9FF9FE #D39FFE

Complementary

#FEA39E #9FF9FE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.92:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.95: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: #FEA39E;

color: #FEA39E;

border-color: #FEA39E;

}

Tailwind CSS (with arbitrary values)

bg-[#FEA39E]

text-[#FEA39E]

border-[#FEA39E]

// Example usage: