Hex Color #E0314F - Custom Color

Color Codes

HEX

#E0314F

RGB

rgb(224, 49, 79)

HSL

hsl(350, 74%, 54%)

CMYK

cmyk(0%, 78%, 65%, 12%)

HSV

hsv(350, 78%, 88%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E133A7 #E13350 #E16D33

Triadic

#E13350 #50E133 #3350E1

Split Complementary

#E13350 #33E16D #33A7E1

Tetradic (Square)

#E13350 #A7E133 #33E1C4 #6D33E1

Complementary

#E0314F #33E1C4

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.45:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.72: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: #E0314F;

color: #E0314F;

border-color: #E0314F;

}

Tailwind CSS (with arbitrary values)

bg-[#E0314F]

text-[#E0314F]

border-[#E0314F]

// Example usage: