#846DCC

Color Details

HEX
#846DCC
RGB
rgb(132, 109, 204)
HSL
hsl(255, 48%, 61%)
CMYK
cmyk(35%, 47%, 0%, 20%)
Best text on this color #000000 (CR 5.04:1) Determined by WCAG contrast ratio

Readability Previews

Black on #846dcc
Contrast 5.04:1 AA
White on #846dcc
Contrast 4.17:1 Fail
#846dcc on Black
Contrast 5.04:1 AA
#846dcc on White
Contrast 4.17:1 Fail

Tints & Shades

#9d8ad6
#b5a7e0
#cec5eb
#6a57a3
#4f417a
#352c52

Complement & Analogous

#b3cb6c
#b36ccb
#6c84cb

Triadic

#cb846c
#6ccb84

Monochrome

#352c52 #4f417a #846dcc #b5a7e0 #cec5eb #e6e2f5

Analogous

#6c84cb #98a9db #846dcc #c289d5 #b36ccb #8f56a2

Complementary Mix

#4f417a #846dcc #b5a7e0 #b3cb6c #cedd9f #748446

Nearby Colors

#846dcb
#846dcd
#846dbc
#846ddc

Embed #846DCC swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #846DCC

#846DCC converts to RGB(132, 109, 204) and HSL(255, 48%, 61%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#846DCC FAQs

What is the RGB value of #846DCC?
RGB: 132, 109, 204. Copy as CSS: rgb(132, 109, 204)
Is #846DCC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #846DCC?
Complement: #b3cb6c.
Does #846DCC have good contrast on white or black?
On white: 4.17:1 (AA (large text)). On black: 5.04:1 (AA (normal text)).