Hex Color #BA2A28 - Custom Color

Color Codes

HEX

#BA2A28

RGB

rgb(186, 42, 40)

HSL

hsl(1, 65%, 44%)

CMYK

cmyk(0%, 77%, 78%, 27%)

HSV

hsv(1, 78%, 73%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#B9276E #B92A27 #B97327

Triadic

#B92A27 #27B92A #2A27B9

Split Complementary

#B92A27 #27B973 #276EB9

Tetradic (Square)

#B92A27 #6EB927 #27B7B9 #7327B9

Complementary

#BA2A28 #27B7B9

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.09:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.45:1

Fail - 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: #BA2A28;

color: #BA2A28;

border-color: #BA2A28;

}

Tailwind CSS (with arbitrary values)

bg-[#BA2A28]

text-[#BA2A28]

border-[#BA2A28]

// Example usage: