#302130

Dark Pink

HEX

RGB

HSL

About #302130 Dark Pink

#302130 is a dark pink color. In the RGB color model, it is composed of 48 red, 33 green, and 48 blue. In the HSL color space, it has a hue of 300°, saturation of 19%, and lightness of 16%.

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

Color Properties

300°

Hue

19%

Saturation

16%

Lightness

Dark Pink

Color Harmonies

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

Accessibility

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

Aa#302130 on White
Contrast Ratio15.15:1
AA AA Large AAA
Aa#302130 on Black
Contrast Ratio1.39:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #302130 across different color formats.

FormatValue
HEX#302130
RGBrgb(48, 33, 48)
HSLhsl(300, 19%, 16%)
RGB Decimal48, 33, 48
RGB Percent18.8%, 12.9%, 18.8%
CMYK (approx.)0%, 31%, 0%, 81%

Related Palettes

12 palettes using #302130 or similar colors

#2B2B2B#423F3E#706C61#C8B6A6
#08D9D6#252A34#FF2E63#EAEAEA
#222831#393E46#00ADB5#EEEEEE
#2C3333#2E4F4F#0E8388#CBE4DE
#E7F6F2#A5C9CA#395B64#2C3333
#2D3436#636E72#B2BEC3#DFE6E9
#1B2430#51557E#816797#D6D5A8
#FF8B13#FF5B00#D63484#402B3A
#1B262C#0F4C75#3282B8#BBE1FA
#121122#252343#373465#484488
#160A29#2F2046#452574#5F418B
#201315#442C2F#79343E#97545E