Hex Color #BE0D42 - Custom Color

Color Codes

HEX

#BE0D42

RGB

rgb(190, 13, 66)

HSL

hsl(342, 87%, 40%)

CMYK

cmyk(0%, 93%, 65%, 25%)

HSV

hsv(342, 93%, 75%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#BF0D9B #BF0D43 #BF310D

Triadic

#BF0D43 #43BF0D #0D43BF

Split Complementary

#BF0D43 #0DBF31 #0D9BBF

Tetradic (Square)

#BF0D43 #9BBF0D #0DBF89 #310DBF

Complementary

#BE0D42 #0DBF89

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.31:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.33: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: #BE0D42;

color: #BE0D42;

border-color: #BE0D42;

}

Tailwind CSS (with arbitrary values)

bg-[#BE0D42]

text-[#BE0D42]

border-[#BE0D42]

// Example usage: