#502B40

Dark Pink

HEX

RGB

HSL

About #502B40 Dark Pink

#502B40 is a dark pink color. In the RGB color model, it is composed of 80 red, 43 green, and 64 blue. In the HSL color space, it has a hue of 326°, saturation of 30%, and lightness of 24%.

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

CSS Code

Use #502B40 in your CSS, SCSS, or Tailwind projects.

Color Properties

326°

Hue

30%

Saturation

24%

Lightness

Dark Pink

Color Harmonies

Colors that work well with #502B40 based on color theory.

Accessibility

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

Aa#502B40 on White
Contrast Ratio11.93:1
AA AA Large AAA
Aa#502B40 on Black
Contrast Ratio1.76:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #502B40 across different color formats.

FormatValue
HEX#502B40
RGBrgb(80, 43, 64)
HSLhsl(326, 30%, 24%)
RGB Decimal80, 43, 64
RGB Percent31.4%, 16.9%, 25.1%
CMYK (approx.)0%, 46%, 20%, 69%

Related Palettes

12 palettes using #502B40 or similar colors

#240F1D#4C243F#753962#A64587
#22111C#4A263D#7E3062#915A7E
#22111E#482840#793468#9E4C8A
#260D1F#4E2241#763863#A34887
#231021#482845#6D4069#A6459C
#23101E#462B3F#783567#AE3C92
#231022#492847#6D416B#AC3FA8
#231021#452B42#733A6D#AC3E9F
#260D1E#452B3D#723B60#AF3B89
#22111C#452B3C#7E2F64#92597F
#240F22#4D2349#6C4169#A7439F
#250E1F#442C3D#822B69#A7448B