#BA2D57

Rose

HEX

RGB

HSL

About #BA2D57 Rose

#BA2D57 is a rose color. In the RGB color model, it is composed of 186 red, 45 green, and 87 blue. In the HSL color space, it has a hue of 342°, saturation of 61%, and lightness of 45%.

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 #BA2D57 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

342°

Hue

61%

Saturation

45%

Lightness

Rose

Color Harmonies

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

Accessibility

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

Aa#BA2D57 on White
Contrast Ratio5.83:1
AA AA Large AAA
Aa#BA2D57 on Black
Contrast Ratio3.6:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #BA2D57 across different color formats.

FormatValue
HEX#BA2D57
RGBrgb(186, 45, 87)
HSLhsl(342, 61%, 45%)
RGB Decimal186, 45, 87
RGB Percent72.9%, 17.6%, 34.1%
CMYK (approx.)0%, 76%, 53%, 27%

Related Palettes

12 palettes using #BA2D57 or similar colors

#C3225B#DE4F45#E7AE79#F0EAAD
#F9ED69#F08A5D#B83B5E#6A2C70
#CA3651#C9AA81#A0C451#6AC770
#8269CE#CD46CD#C73C5F#BC8F61
#A62653#E44F34#E3C182#EBF3BE
#AC2061#DE403B#E3B682#EFF1C1
#B11B4F#D75841#E2C183#EBF3BE
#A52757#D65443#ECC079#EEF4BD
#B3195E#E43D35#E9B87C#EEF0C1
#201317#531D2E#7B3249#AE3D61
#201318#462A35#743A50#B03B68
#C3226B#DE454A#E7A379#F0E3AD