Hex Color #852BEA - Custom Color

Color Codes

HEX

#852BEA

RGB

rgb(133, 43, 234)

HSL

hsl(268, 82%, 54%)

CMYK

cmyk(43%, 82%, 0%, 8%)

HSV

hsv(268, 82%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#2A30EA #832AEA #E32AEA

Triadic

#832AEA #EA832A #2AEA83

Split Complementary

#832AEA #EAE32A #30EA2A

Tetradic (Square)

#832AEA #EA2A30 #90EA2A #2AEAE3

Complementary

#852BEA #90EA2A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.95:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.53: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: #852BEA;

color: #852BEA;

border-color: #852BEA;

}

Tailwind CSS (with arbitrary values)

bg-[#852BEA]

text-[#852BEA]

border-[#852BEA]

// Example usage: