#BA4F85

Rose

HEX

RGB

HSL

About #BA4F85 Rose

#BA4F85 is a rose color. In the RGB color model, it is composed of 186 red, 79 green, and 133 blue. In the HSL color space, it has a hue of 330°, saturation of 44%, and lightness of 52%.

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 #BA4F85 in your CSS, SCSS, or Tailwind projects.

Color Properties

330°

Hue

44%

Saturation

52%

Lightness

Rose

Color Harmonies

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

Accessibility

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

Aa#BA4F85 on White
Contrast Ratio4.62:1
AA AA Large AAA
Aa#BA4F85 on Black
Contrast Ratio4.54:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #BA4F85 across different color formats.

FormatValue
HEX#BA4F85
RGBrgb(186, 79, 133)
HSLhsl(330, 44%, 52%)
RGB Decimal186, 79, 133
RGB Percent72.9%, 31.0%, 52.2%
CMYK (approx.)0%, 58%, 28%, 27%

Related Palettes

12 palettes using #BA4F85 or similar colors

#240F1D#4C243F#753962#A64587
#AD1FA1#D34680#E28B83#F1DDC1
#22111E#482840#793468#9E4C8A
#6F4365#A05079#B37A89#C6A4A4
#A923A2#D54385#E28883#F5DCBD
#623564#9B4B89#BB779B#D3ACB7
#F8EFBA#EAB543#F97F51#B33771
#231021#482845#6D4069#A6459C
#6C4073#9E5295#BA73A0#C8A2B1
#240F22#4E224B#6E406A#A04A99
#ED4C67#B53471#833471#6F1E51
#B53471#833471#6F1E51#1B1464