#C31E7E

Color Details

HEX
#C31E7E
RGB
rgb(195, 30, 126)
HSL
hsl(325, 73%, 44%)
CMYK
cmyk(0%, 85%, 35%, 24%)
Best text on this color #FFFFFF (CR 5.52:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c31e7e
Contrast 3.81:1 Fail
White on #c31e7e
Contrast 5.52:1 AA
#c31e7e on Black
Contrast 3.81:1 Fail
#c31e7e on White
Contrast 5.52:1 AA

Tints & Shades

#cf4b98
#db78b2
#e7a5cb
#9c1865
#75124c
#4e0c32

Complement & Analogous

#1ec263
#c21e2c
#b41ec2

Triadic

#7ec21e
#1e7ec2

Monochrome

#4e0c32 #75124c #c31e7e #db78b2 #e7a5cb #f3d2e5

Analogous

#b41ec2 #cb62d4 #c31e7e #ce4b56 #c21e2c #9b1823

Complementary Mix

#75124c #c31e7e #db78b2 #1ec263 #6dd79a #147e40

Nearby Colors

#c31e7d
#c31e7f
#c31e6e
#c31e8e

Embed #C31E7E swatch

Embed this swatch

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

Open image

About #C31E7E

#C31E7E converts to RGB(195, 30, 126) and HSL(325, 73%, 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).

#C31E7E FAQs

What is the RGB value of #C31E7E?
RGB: 195, 30, 126. Copy as CSS: rgb(195, 30, 126)
Is #C31E7E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C31E7E?
Complement: #1ec263.
Does #C31E7E have good contrast on white or black?
On white: 5.52:1 (AA (normal text)). On black: 3.81:1 (AA (large text)).