#C12C9E

Color Details

HEX
#C12C9E
RGB
rgb(193, 44, 158)
HSL
hsl(314, 63%, 46%)
CMYK
cmyk(0%, 77%, 18%, 24%)
Best text on this color #FFFFFF (CR 5.10:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c12c9e
Contrast 4.12:1 Fail
White on #c12c9e
Contrast 5.10:1 AA
#c12c9e on Black
Contrast 4.12:1 Fail
#c12c9e on White
Contrast 5.10:1 AA

Tints & Shades

#cd56b1
#da80c5
#e6abd8
#9a237e
#741a5f
#4d123f

Complement & Analogous

#2bbf4e
#bf2b53
#982bbf

Triadic

#9dbf2b
#2b9dbf

Monochrome

#4d123f #741a5f #c12c9e #da80c5 #e6abd8 #f3d5ec

Analogous

#982bbf #b76bd2 #c12c9e #cc5575 #bf2b53 #992242

Complementary Mix

#741a5f #c12c9e #da80c5 #2bbf4e #75d58c #1c7c33

Nearby Colors

#c12c9d
#c12c9f
#c12c8e
#c12cae

Embed #C12C9E swatch

Embed this swatch

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

Open image

About #C12C9E

#C12C9E converts to RGB(193, 44, 158) and HSL(314, 63%, 46%). 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).

#C12C9E FAQs

What is the RGB value of #C12C9E?
RGB: 193, 44, 158. Copy as CSS: rgb(193, 44, 158)
Is #C12C9E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C12C9E?
Complement: #2bbf4e.
Does #C12C9E have good contrast on white or black?
On white: 5.10:1 (AA (normal text)). On black: 4.12:1 (AA (large text)).