#C20B48

Color Details

HEX
#C20B48
RGB
rgb(194, 11, 72)
HSL
hsl(340, 89%, 40%)
CMYK
cmyk(0%, 94%, 63%, 24%)
Best text on this color #FFFFFF (CR 6.11:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c20b48
Contrast 3.44:1 Fail
White on #c20b48
Contrast 6.11:1 AA
#c20b48 on Black
Contrast 3.44:1 Fail
#c20b48 on White
Contrast 6.11:1 AA

Tints & Shades

#ce3c6d
#da6d91
#e79db6
#9b093a
#74072b
#4e041d

Complement & Analogous

#0bc184
#c1290b
#c10ba3

Triadic

#48c10b
#0b48c1

Monochrome

#4e041d #74072b #c20b48 #da6d91 #e79db6 #f3ceda

Analogous

#c10ba3 #d454bf #c20b48 #cd543c #c1290b #9a2109

Complementary Mix

#74072b #c20b48 #da6d91 #0bc184 #60d7af #077d56

Nearby Colors

#c20b47
#c20b49
#c20b38
#c20b58

Embed #C20B48 swatch

Embed this swatch

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

Open image

About #C20B48

#C20B48 converts to RGB(194, 11, 72) and HSL(340, 89%, 40%). 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).

#C20B48 FAQs

What is the RGB value of #C20B48?
RGB: 194, 11, 72. Copy as CSS: rgb(194, 11, 72)
Is #C20B48 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C20B48?
Complement: #0bc184.
Does #C20B48 have good contrast on white or black?
On white: 6.11:1 (AA (normal text)). On black: 3.44:1 (AA (large text)).