Hex Color #846FB7 - Custom Color

Color Codes

HEX

#846FB7

RGB

rgb(132, 111, 183)

HSL

hsl(258, 33%, 58%)

CMYK

cmyk(28%, 39%, 0%, 28%)

HSV

hsv(258, 39%, 72%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#717FB7 #8671B7 #A971B7

Triadic

#8671B7 #B78671 #71B786

Split Complementary

#8671B7 #B7A971 #7FB771

Tetradic (Square)

#8671B7 #B7717F #A2B771 #71B7A9

Complementary

#846FB7 #A2B771

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.25:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.94: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: #846FB7;

color: #846FB7;

border-color: #846FB7;

}

Tailwind CSS (with arbitrary values)

bg-[#846FB7]

text-[#846FB7]

border-[#846FB7]

// Example usage: