#5A0C30

Dark Rose

HEX

RGB

HSL

About #5A0C30 Dark Rose

#5A0C30 is a dark rose color. In the RGB color model, it is composed of 90 red, 12 green, and 48 blue. In the HSL color space, it has a hue of 332°, saturation of 76%, and lightness of 20%.

This color has a low lightness value, making it a dark color great for text and bold accents. With high saturation, it appears vibrant and eye-catching.

CSS Code

Use #5A0C30 in your CSS, SCSS, or Tailwind projects.

Color Properties

332°

Hue

76%

Saturation

20%

Lightness

Dark Rose

Color Harmonies

Colors that work well with #5A0C30 based on color theory.

Accessibility

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

Aa#5A0C30 on White
Contrast Ratio13.73:1
AA AA Large AAA
Aa#5A0C30 on Black
Contrast Ratio1.53:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #5A0C30 across different color formats.

FormatValue
HEX#5A0C30
RGBrgb(90, 12, 48)
HSLhsl(332, 76%, 20%)
RGB Decimal90, 12, 48
RGB Percent35.3%, 4.7%, 18.8%
CMYK (approx.)0%, 87%, 47%, 65%

Related Palettes

12 palettes using #5A0C30 or similar colors

#201317#531D2E#7B3249#AE3D61
#211215#531D27#6E3F48#A34858
#211216#521F2E#7A3449#AA4060
#211214#541D24#78353E#9C4F59
#1F141A#521E3B#76375A#9C4F79
#1F141A#521E3C#6B425A#A14A7D
#211213#531D20#6E3F42#A3484C
#23101A#50203A#7B3359#9C4E78
#231013#4F2129#783541#A04A5A
#23101C#521E40#6C415D#8D5E7C
#240F1E#541C44#773665#965484
#221112#4E2226#6E3F43#AA4149