#30222D

Dark Pink

HEX

RGB

HSL

About #30222D Dark Pink

#30222D is a dark pink color. In the RGB color model, it is composed of 48 red, 34 green, and 45 blue. In the HSL color space, it has a hue of 313°, saturation of 17%, 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 & Gradients

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

Beautiful Gradients

Color Properties

313°

Hue

17%

Saturation

16%

Lightness

Dark Pink

Color Harmonies

Colors that work well with #30222D based on color theory.

Accessibility

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

Aa#30222D on White
Contrast Ratio15.08:1
AA AA Large AAA
Aa#30222D on Black
Contrast Ratio1.39:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #30222D across different color formats.

FormatValue
HEX#30222D
RGBrgb(48, 34, 45)
HSLhsl(313, 17%, 16%)
RGB Decimal48, 34, 45
RGB Percent18.8%, 13.3%, 17.6%
CMYK (approx.)0%, 29%, 6%, 81%

Related Palettes

12 palettes using #30222D 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
#1B262C#0F4C75#3282B8#BBE1FA
#201315#442C2F#79343E#97545E
#FF8B13#FF5B00#D63484#402B3A
#250E0E#452B2B#773737#995252
#250E0E#452B2B#822B2B#9B5050