#B056DD

Color Details

HEX
#B056DD
RGB
rgb(176, 86, 221)
HSL
hsl(280, 67%, 60%)
CMYK
cmyk(20%, 61%, 0%, 13%)
Best text on this color #000000 (CR 5.22:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b056dd
Contrast 5.22:1 AA
White on #b056dd
Contrast 4.02:1 Fail
#b056dd on Black
Contrast 5.22:1 AA
#b056dd on White
Contrast 4.02:1 Fail

Tints & Shades

#c078e4
#d09aeb
#dfbbf1
#8d45b1
#6a3485
#462258

Complement & Analogous

#82dd55
#dd55c7
#6b55dd

Triadic

#ddb055
#55ddb0

Monochrome

#462258 #6a3485 #b056dd #d09aeb #dfbbf1 #efddf8

Analogous

#6b55dd #9788e7 #b056dd #e477d2 #dd55c7 #b1449f

Complementary Mix

#6a3485 #b056dd #d09aeb #82dd55 #aee991 #559037

Nearby Colors

#b056dc
#b056de
#b056cd
#b056ed

Embed #B056DD swatch

Embed this swatch

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

Open image

About #B056DD

#B056DD converts to RGB(176, 86, 221) and HSL(280, 67%, 60%). 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).

#B056DD FAQs

What is the RGB value of #B056DD?
RGB: 176, 86, 221. Copy as CSS: rgb(176, 86, 221)
Is #B056DD a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B056DD?
Complement: #82dd55.
Does #B056DD have good contrast on white or black?
On white: 4.02:1 (AA (large text)). On black: 5.22:1 (AA (normal text)).