#5A255C

Color Details

HEX
#5A255C
RGB
rgb(90, 37, 92)
HSL
hsl(298, 43%, 25%)
CMYK
cmyk(2%, 60%, 0%, 64%)
Best text on this color #FFFFFF (CR 11.33:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5a255c
Contrast 1.85:1 Fail
White on #5a255c
Contrast 11.33:1 AAA
#5a255c on Black
Contrast 1.85:1 Fail
#5a255c on White
Contrast 11.33:1 AAA

Tints & Shades

#7b517d
#9c7c9d
#bda8be
#481e4a
#361637
#240f25

Complement & Analogous

#265b24
#5b2442
#3e245b

Triadic

#5b5924
#245b59

Monochrome

#240f25 #361637 #5a255c #9c7c9d #bda8be #ded3de

Analogous

#3e245b #78668c #5a255c #7c5068 #5b2442 #491d35

Complementary Mix

#361637 #5a255c #9c7c9d #265b24 #729471 #193b17

Nearby Colors

#5a255b
#5a255d
#5a254c
#5a256c

Embed #5A255C swatch

Embed this swatch

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

Open image

About #5A255C

#5A255C converts to RGB(90, 37, 92) and HSL(298, 43%, 25%). 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).

#5A255C FAQs

What is the RGB value of #5A255C?
RGB: 90, 37, 92. Copy as CSS: rgb(90, 37, 92)
Is #5A255C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5A255C?
Complement: #265b24.
Does #5A255C have good contrast on white or black?
On white: 11.33:1 (AAA (normal text)). On black: 1.85:1 (Fails AA).