#A22A58

Rose

HEX

RGB

HSL

About #A22A58 Rose

#A22A58 is a rose color. In the RGB color model, it is composed of 162 red, 42 green, and 88 blue. In the HSL color space, it has a hue of 337°, saturation of 59%, and lightness of 40%.

This color has a low lightness value, making it a dark color great for text and bold accents. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

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

Beautiful Gradients

Color Properties

337°

Hue

59%

Saturation

40%

Lightness

Rose

Color Harmonies

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

Accessibility

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

Aa#A22A58 on White
Contrast Ratio6.98:1
AA AA Large AAA
Aa#A22A58 on Black
Contrast Ratio3.01:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #A22A58 across different color formats.

FormatValue
HEX#A22A58
RGBrgb(162, 42, 88)
HSLhsl(337, 59%, 40%)
RGB Decimal162, 42, 88
RGB Percent63.5%, 16.5%, 34.5%
CMYK (approx.)0%, 74%, 46%, 36%

Related Palettes

12 palettes using #A22A58 or similar colors

#A52757#D65443#ECC079#EEF4BD
#A62653#E44F34#E3C182#EBF3BE
#A42864#E73532#ECB479#F3F4BD
#AC2061#DE403B#E3B682#EFF1C1
#A8246D#E8313A#EEAD77#F4F2BD
#B11B4F#D75841#E2C183#EBF3BE
#AE1E68#DB3E40#EEB177#F5F4BC
#201317#531D2E#7B3249#AE3D61
#211216#521F2E#7A3449#AA4060
#B3195E#E43D35#E9B87C#EEF0C1
#A82471#DB3E4B#EAA97B#F6F1BC
#B01C46#D9613F#E4C881#E9F5BC