Hex Color #55267B - Custom Color

Color Codes

HEX

#55267B

RGB

rgb(85, 38, 123)

HSL

hsl(273, 53%, 32%)

CMYK

cmyk(31%, 69%, 0%, 52%)

HSV

hsv(273, 69%, 48%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#2B267D #56267D #7D2679

Triadic

#56267D #7D5626 #267D56

Split Complementary

#56267D #797D26 #267D2B

Tetradic (Square)

#56267D #7D2B26 #4D7D26 #26797D

Complementary

#55267B #4D7D26

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.77:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.95: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: #55267B;

color: #55267B;

border-color: #55267B;

}

Tailwind CSS (with arbitrary values)

bg-[#55267B]

text-[#55267B]

border-[#55267B]

// Example usage: