#BA3DC5

Pink

HEX

RGB

HSL

About #BA3DC5 Pink

#BA3DC5 is a pink color. In the RGB color model, it is composed of 186 red, 61 green, and 197 blue. In the HSL color space, it has a hue of 295°, saturation of 54%, and lightness of 51%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

Use #BA3DC5 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

295°

Hue

54%

Saturation

51%

Lightness

Pink

Color Harmonies

Colors that work well with #BA3DC5 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #BA3DC5 against white and black backgrounds.

Aa#BA3DC5 on White
Contrast Ratio4.6:1
AA AA Large AAA
Aa#BA3DC5 on Black
Contrast Ratio4.56:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #BA3DC5 across different color formats.

FormatValue
HEX#BA3DC5
RGBrgb(186, 61, 197)
HSLhsl(295, 54%, 51%)
RGB Decimal186, 61, 197
RGB Percent72.9%, 23.9%, 77.3%
CMYK (approx.)6%, 69%, 0%, 23%

Related Palettes

12 palettes using #BA3DC5 or similar colors

#45BE8A#599BBA#4940C8#AC46C3
#4888C9#7456CE#C749C7#D4728A
#461CB0#B643D6#E580C8#F2BFCA
#4990C3#533CCA#B74FC1#C35E7F
#6654C8#B951C5#C74A76#D29268
#8269CE#CD46CD#C73C5F#BC8F61
#4615B7#BC3CDC#E184C5#F4BDC8
#3C17B5#B13DDB#E97CCF#F5BCCB
#5646BD#C250D1#C76589#CF916B
#4E23A9#C03BDD#E87DC6#F4BDC7
#531DAF#C63EDB#EA7BC1#F1C0C7
#CB3FB2#CE7279#CC9E38#95C25A