#BA5E7E

Rose

HEX

RGB

HSL

About #BA5E7E Rose

#BA5E7E is a rose color. In the RGB color model, it is composed of 186 red, 94 green, and 126 blue. In the HSL color space, it has a hue of 339°, saturation of 40%, and lightness of 55%.

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

Color Properties

339°

Hue

40%

Saturation

55%

Lightness

Rose

Color Harmonies

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

Accessibility

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

Aa#BA5E7E on White
Contrast Ratio4.21:1
AA AA Large AAA
Aa#BA5E7E on Black
Contrast Ratio4.99:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #BA5E7E across different color formats.

FormatValue
HEX#BA5E7E
RGBrgb(186, 94, 126)
HSLhsl(339, 40%, 55%)
RGB Decimal186, 94, 126
RGB Percent72.9%, 36.9%, 49.4%
CMYK (approx.)0%, 49%, 32%, 27%

Related Palettes

12 palettes using #BA5E7E or similar colors

#70435B#955B6B#BF6E71#CCA89E
#783B59#A54A61#BD7070#C7ACA3
#5F3A51#994C6A#BA7881#D2B1AD
#6F4365#A05079#B37A89#C6A4A4
#240F1D#4C243F#753962#A64587
#603949#984E5A#B7807B#D1B9AD
#66334A#94515F#B5807D#CEBAB1
#AD1FA1#D34680#E28B83#F1DDC1
#22111E#482840#793468#9E4C8A
#613855#915570#B37F89#D2AFAD
#240F1E#541C44#773665#965484
#623564#9B4B89#BB779B#D3ACB7