#BA369F

Pink

HEX

RGB

HSL

About #BA369F Pink

#BA369F is a pink color. In the RGB color model, it is composed of 186 red, 54 green, and 159 blue. In the HSL color space, it has a hue of 312°, saturation of 55%, and lightness of 47%.

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

Use #BA369F in your CSS, SCSS, or Tailwind projects.

Color Properties

312°

Hue

55%

Saturation

47%

Lightness

Pink

Color Harmonies

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

Accessibility

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

Aa#BA369F on White
Contrast Ratio5.1:1
AA AA Large AAA
Aa#BA369F on Black
Contrast Ratio4.12:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #BA369F across different color formats.

FormatValue
HEX#BA369F
RGBrgb(186, 54, 159)
HSLhsl(312, 55%, 47%)
RGB Decimal186, 54, 159
RGB Percent72.9%, 21.2%, 62.4%
CMYK (approx.)0%, 71%, 15%, 27%

Related Palettes

12 palettes using #BA369F or similar colors

#C3229B#DE4578#E78279#F0CFAD
#240F22#4D2349#6C4169#A7439F
#C32298#DE4575#E78479#F0D0AD
#C322A8#DE4585#E77979#F0C9AD
#231021#482845#6D4069#A6459C
#A923A2#D54385#E28883#F5DCBD
#AD1FA1#D34680#E28B83#F1DDC1
#A923A9#E6338C#EE7777#F4D9BD
#AB21AB#DE3A8C#E97C7C#F3D9BE
#B11BA5#DA3F7F#E7877E#F2DDBF
#B01CA9#E63383#E6847F#F0DBC1
#C322B6#DE4591#E77982#F0C3AD