Hex Color #EF897C - Custom Color

Color Codes

HEX

#EF897C

RGB

rgb(239, 137, 124)

HSL

hsl(7, 78%, 71%)

CMYK

cmyk(0%, 43%, 48%, 6%)

HSV

hsv(7, 48%, 94%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EF7BA8 #EF897B #EFC37B

Triadic

#EF897B #7BEF89 #897BEF

Split Complementary

#EF897B #7BEFC3 #7BA8EF

Tetradic (Square)

#EF897B #A8EF7B #7BE1EF #C37BEF

Complementary

#EF897C #7BE1EF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.46:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.54: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: #EF897C;

color: #EF897C;

border-color: #EF897C;

}

Tailwind CSS (with arbitrary values)

bg-[#EF897C]

text-[#EF897C]

border-[#EF897C]

// Example usage: