#A31B5F

Color Details

HEX
#A31B5F
RGB
rgb(163, 27, 95)
HSL
hsl(330, 72%, 37%)
CMYK
cmyk(0%, 83%, 42%, 36%)
Best text on this color #FFFFFF (CR 7.29:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a31b5f
Contrast 2.88:1 Fail
White on #a31b5f
Contrast 7.29:1 AAA
#a31b5f on Black
Contrast 2.88:1 Fail
#a31b5f on White
Contrast 7.29:1 AAA

Tints & Shades

#b5497f
#c8769f
#daa4bf
#82164c
#621039
#410b26

Complement & Analogous

#1aa25e
#a21a1a
#a21aa2

Triadic

#5ea21a
#1a5ea2

Monochrome

#410b26 #621039 #a31b5f #c8769f #daa4bf #edd1df

Analogous

#a21aa2 #be5fbe #a31b5f #b54848 #a21a1a #821515

Complementary Mix

#621039 #a31b5f #c8769f #1aa25e #6ac396 #11693d

Nearby Colors

#a31b5e
#a31b60
#a31b4f
#a31b6f

Embed #A31B5F swatch

Embed this swatch

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

Open image

About #A31B5F

#A31B5F converts to RGB(163, 27, 95) and HSL(330, 72%, 37%). 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).

#A31B5F FAQs

What is the RGB value of #A31B5F?
RGB: 163, 27, 95. Copy as CSS: rgb(163, 27, 95)
Is #A31B5F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A31B5F?
Complement: #1aa25e.
Does #A31B5F have good contrast on white or black?
On white: 7.29:1 (AAA (normal text)). On black: 2.88:1 (Fails AA).