#C21B1C

Color Details

HEX
#C21B1C
RGB
rgb(194, 27, 28)
HSL
hsl(360, 76%, 43%)
CMYK
cmyk(0%, 86%, 86%, 24%)
Best text on this color #FFFFFF (CR 6.06:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c21b1c
Contrast 3.47:1 Fail
White on #c21b1c
Contrast 6.06:1 AA
#c21b1c on Black
Contrast 3.47:1 Fail
#c21b1c on White
Contrast 6.06:1 AA

Tints & Shades

#ce4949
#da7677
#e7a4a4
#9b1616
#741011
#4e0b0b

Complement & Analogous

#1ac1c1
#c16e1a
#c11a6e

Triadic

#1ac11a
#1a1ac1

Monochrome

#4e0b0b #741011 #c21b1c #da7677 #e7a4a4 #f3d1d2

Analogous

#c11a6e #d45f9a #c21b1c #cd8b48 #c16e1a #9a5815

Complementary Mix

#741011 #c21b1c #da7677 #1ac1c1 #6ad7d7 #117d7d

Nearby Colors

#c21b1b
#c21b1d
#c21b0c
#c21b2c

Embed #C21B1C swatch

Embed this swatch

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

Open image

About #C21B1C

#C21B1C converts to RGB(194, 27, 28) and HSL(360, 76%, 43%). 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).

#C21B1C FAQs

What is the RGB value of #C21B1C?
RGB: 194, 27, 28. Copy as CSS: rgb(194, 27, 28)
Is #C21B1C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C21B1C?
Complement: #1ac1c1.
Does #C21B1C have good contrast on white or black?
On white: 6.06:1 (AA (normal text)). On black: 3.47:1 (AA (large text)).