#B80CBB

Color Details

HEX
#B80CBB
RGB
rgb(184, 12, 187)
HSL
hsl(299, 88%, 39%)
CMYK
cmyk(2%, 94%, 0%, 27%)
Best text on this color #FFFFFF (CR 5.51:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b80cbb
Contrast 3.81:1 Fail
White on #b80cbb
Contrast 5.51:1 AA
#b80cbb on Black
Contrast 3.81:1 Fail
#b80cbb on White
Contrast 5.51:1 AA

Tints & Shades

#c63dc9
#d46dd6
#e39ee4
#930a96
#6e0770
#4a054b

Complement & Analogous

#0fbb0c
#bb0c66
#610cbb

Triadic

#bbb80c
#0cbbb8

Monochrome

#4a054b #6e0770 #b80cbb #d46dd6 #e39ee4 #f1cef1

Analogous

#610cbb #9055cf #b80cbb #c93d85 #bb0c66 #960a52

Complementary Mix

#6e0770 #b80cbb #d46dd6 #0fbb0c #63d361 #0a7a08

Nearby Colors

#b80cba
#b80cbc
#b80cab
#b80ccb

Embed #B80CBB swatch

Embed this swatch

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

Open image

About #B80CBB

#B80CBB converts to RGB(184, 12, 187) and HSL(299, 88%, 39%). 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).

#B80CBB FAQs

What is the RGB value of #B80CBB?
RGB: 184, 12, 187. Copy as CSS: rgb(184, 12, 187)
Is #B80CBB a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B80CBB?
Complement: #0fbb0c.
Does #B80CBB have good contrast on white or black?
On white: 5.51:1 (AA (normal text)). On black: 3.81:1 (AA (large text)).