Hex Color #512063 - Custom Color

Color Codes

HEX

#512063

RGB

rgb(81, 32, 99)

HSL

hsl(284, 51%, 26%)

CMYK

cmyk(18%, 68%, 0%, 61%)

HSV

hsv(284, 68%, 39%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#302064 #522064 #642054

Triadic

#522064 #645220 #206452

Split Complementary

#522064 #546420 #206430

Tetradic (Square)

#522064 #643020 #336420 #205464

Complementary

#512063 #336420

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 12.09:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.74: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: #512063;

color: #512063;

border-color: #512063;

}

Tailwind CSS (with arbitrary values)

bg-[#512063]

text-[#512063]

border-[#512063]

// Example usage: