#CB1580

Color Details

HEX
#CB1580
RGB
rgb(203, 21, 128)
HSL
hsl(325, 81%, 44%)
CMYK
cmyk(0%, 90%, 37%, 20%)
Best text on this color #FFFFFF (CR 5.31:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cb1580
Contrast 3.96:1 Fail
White on #cb1580
Contrast 5.31:1 AA
#cb1580 on Black
Contrast 3.96:1 Fail
#cb1580 on White
Contrast 5.31:1 AA

Tints & Shades

#d54499
#e073b3
#eaa1cc
#a21166
#7a0d4d
#510833

Complement & Analogous

#15cb61
#cb1524
#bc15cb

Triadic

#7fcb15
#157fcb

Monochrome

#510833 #7a0d4d #cb1580 #e073b3 #eaa1cc #f5d0e6

Analogous

#bc15cb #d05bdb #cb1580 #d54450 #cb1524 #a2111d

Complementary Mix

#7a0d4d #cb1580 #e073b3 #15cb61 #67dd98 #0e843f

Nearby Colors

#cb157f
#cb1581
#cb1570
#cb1590

Embed #CB1580 swatch

Embed this swatch

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

Open image

About #CB1580

#CB1580 converts to RGB(203, 21, 128) and HSL(325, 81%, 44%). 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).

#CB1580 FAQs

What is the RGB value of #CB1580?
RGB: 203, 21, 128. Copy as CSS: rgb(203, 21, 128)
Is #CB1580 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CB1580?
Complement: #15cb61.
Does #CB1580 have good contrast on white or black?
On white: 5.31:1 (AA (normal text)). On black: 3.96:1 (AA (large text)).