Hex Color #EA020A - Custom Color

Color Codes

HEX

#EA020A

RGB

rgb(234, 2, 10)

HSL

hsl(358, 98%, 46%)

CMYK

cmyk(0%, 99%, 96%, 8%)

HSV

hsv(358, 99%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E8027D #E8020A #E86E02

Triadic

#E8020A #0AE802 #020AE8

Split Complementary

#E8020A #02E86E #027DE8

Tetradic (Square)

#E8020A #7DE802 #02E8E1 #6E02E8

Complementary

#EA020A #02E8E1

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.65:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.51: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: #EA020A;

color: #EA020A;

border-color: #EA020A;

}

Tailwind CSS (with arbitrary values)

bg-[#EA020A]

text-[#EA020A]

border-[#EA020A]

// Example usage: