#B080CC

Color Details

HEX
#B080CC
RGB
rgb(176, 128, 204)
HSL
hsl(278, 43%, 65%)
CMYK
cmyk(14%, 37%, 0%, 20%)
Best text on this color #000000 (CR 6.81:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b080cc
Contrast 6.81:1 AA
White on #b080cc
Contrast 3.09:1 Fail
#b080cc on Black
Contrast 6.81:1 AA
#b080cc on White
Contrast 3.09:1 Fail

Tints & Shades

#c099d6
#d0b3e0
#dfcceb
#8d66a3
#6a4d7a
#463352

Complement & Analogous

#9ccc7f
#cc7fc2
#8a7fcc

Triadic

#ccb07f
#7fccb0

Monochrome

#463352 #6a4d7a #b080cc #d0b3e0 #dfcceb #efe6f5

Analogous

#8a7fcc #ada5db #b080cc #d699ce #cc7fc2 #a3669b

Complementary Mix

#6a4d7a #b080cc #d0b3e0 #9ccc7f #bfdeac #658553

Nearby Colors

#b080cb
#b080cd
#b080bc
#b080dc

Embed #B080CC swatch

Embed this swatch

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

Open image

About #B080CC

#B080CC converts to RGB(176, 128, 204) and HSL(278, 43%, 65%). 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).

#B080CC FAQs

What is the RGB value of #B080CC?
RGB: 176, 128, 204. Copy as CSS: rgb(176, 128, 204)
Is #B080CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B080CC?
Complement: #9ccc7f.
Does #B080CC have good contrast on white or black?
On white: 3.09:1 (AA (large text)). On black: 6.81:1 (AA (normal text)).