#BA3DFC

Color Details

HEX
#BA3DFC
RGB
rgb(186, 61, 252)
HSL
hsl(279, 97%, 61%)
CMYK
cmyk(26%, 76%, 0%, 1%)
Best text on this color #000000 (CR 5.16:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ba3dfc
Contrast 5.16:1 AA
White on #ba3dfc
Contrast 4.07:1 Fail
#ba3dfc on Black
Contrast 5.16:1 AA
#ba3dfc on White
Contrast 4.07:1 Fail

Tints & Shades

#c864fd
#d68bfd
#e3b1fe
#9531ca
#702597
#4a1865

Complement & Analogous

#7ffc3b
#fc3bdf
#583bfc

Triadic

#fcb83b
#3bfcb8

Monochrome

#4a1865 #702597 #ba3dfc #d68bfd #e3b1fe #f1d8fe

Analogous

#583bfc #8a76fd #ba3dfc #fd62e5 #fc3bdf #ca2fb2

Complementary Mix

#702597 #ba3dfc #d68bfd #7ffc3b #acfd80 #53a426

Nearby Colors

#ba3dfb
#ba3dfd
#ba3dec
#ba3e0c

Embed #BA3DFC swatch

Embed this swatch

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

Open image

About #BA3DFC

#BA3DFC converts to RGB(186, 61, 252) and HSL(279, 97%, 61%). 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).

#BA3DFC FAQs

What is the RGB value of #BA3DFC?
RGB: 186, 61, 252. Copy as CSS: rgb(186, 61, 252)
Is #BA3DFC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BA3DFC?
Complement: #7ffc3b.
Does #BA3DFC have good contrast on white or black?
On white: 4.07:1 (AA (large text)). On black: 5.16:1 (AA (normal text)).