#CB1521

Color Details

HEX
#CB1521
RGB
rgb(203, 21, 33)
HSL
hsl(356, 81%, 44%)
CMYK
cmyk(0%, 90%, 84%, 20%)
Best text on this color #FFFFFF (CR 5.72:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cb1521
Contrast 3.67:1 Fail
White on #cb1521
Contrast 5.72:1 AA
#cb1521 on Black
Contrast 3.67:1 Fail
#cb1521 on White
Contrast 5.72:1 AA

Tints & Shades

#d5444d
#e0737a
#eaa1a6
#a2111a
#7a0d14
#51080d

Complement & Analogous

#15cbbf
#cb6415
#cb157c

Triadic

#21cb15
#1521cb

Monochrome

#51080d #7a0d14 #cb1521 #e0737a #eaa1a6 #f5d0d3

Analogous

#cb157c #db5ba3 #cb1521 #d58344 #cb6415 #a25011

Complementary Mix

#7a0d14 #cb1521 #e0737a #15cbbf #67ddd5 #0e847c

Nearby Colors

#cb1520
#cb1522
#cb1511
#cb1531

Embed #CB1521 swatch

Embed this swatch

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

Open image

About #CB1521

#CB1521 converts to RGB(203, 21, 33) and HSL(356, 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).

#CB1521 FAQs

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