Hex Color #847BEB - Custom Color

Color Codes

HEX

#847BEB

RGB

rgb(132, 123, 235)

HSL

hsl(245, 74%, 70%)

CMYK

cmyk(44%, 48%, 0%, 8%)

HSV

hsv(245, 48%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7AA9EB #837AEB #BC7AEB

Triadic

#837AEB #EB837A #7AEB83

Split Complementary

#837AEB #EBBC7A #A9EB7A

Tetradic (Square)

#837AEB #EB7AA9 #E2EB7A #7AEBBC

Complementary

#847BEB #E2EB7A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.49:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.01:1

Pass - 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: #847BEB;

color: #847BEB;

border-color: #847BEB;

}

Tailwind CSS (with arbitrary values)

bg-[#847BEB]

text-[#847BEB]

border-[#847BEB]

// Example usage: