#3A2FFC

Color Details

HEX
#3A2FFC
RGB
rgb(58, 47, 252)
HSL
hsl(243, 97%, 59%)
CMYK
cmyk(77%, 81%, 0%, 1%)
Best text on this color #FFFFFF (CR 7.02:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3a2ffc
Contrast 2.99:1 Fail
White on #3a2ffc
Contrast 7.02:1 AAA
#3a2ffc on Black
Contrast 2.99:1 Fail
#3a2ffc on White
Contrast 7.02:1 AAA

Tints & Shades

#6159fd
#8982fd
#b0acfe
#2e26ca
#231c97
#171365

Complement & Analogous

#f2fc31
#a131fc
#318cfc

Triadic

#fc3b31
#31fc3b

Monochrome

#171365 #231c97 #3a2ffc #8982fd #b0acfe #d8d5fe

Analogous

#318cfc #6faffd #3a2ffc #b45afd #a131fc #8127ca

Complementary Mix

#231c97 #3a2ffc #8982fd #f2fc31 #f7fd79 #9da420

Nearby Colors

#3a2ffb
#3a2ffd
#3a2fec
#3a300c

Embed #3A2FFC swatch

Embed this swatch

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

Open image

About #3A2FFC

#3A2FFC converts to RGB(58, 47, 252) and HSL(243, 97%, 59%). 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).

#3A2FFC FAQs

What is the RGB value of #3A2FFC?
RGB: 58, 47, 252. Copy as CSS: rgb(58, 47, 252)
Is #3A2FFC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #3A2FFC?
Complement: #f2fc31.
Does #3A2FFC have good contrast on white or black?
On white: 7.02:1 (AAA (normal text)). On black: 2.99:1 (Fails AA).