#D421BC

Pink

HEX

RGB

HSL

About #D421BC Pink

#D421BC is a pink color. In the RGB color model, it is composed of 212 red, 33 green, and 188 blue. In the HSL color space, it has a hue of 308°, saturation of 73%, and lightness of 48%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With high saturation, it appears vibrant and eye-catching.

CSS Code & Gradients

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

Beautiful Gradients

Color Properties

308°

Hue

73%

Saturation

48%

Lightness

Pink

Color Harmonies

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

Accessibility

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

Aa#D421BC on White
Contrast Ratio4.43:1
AA AA Large AAA
Aa#D421BC on Black
Contrast Ratio4.74:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #D421BC across different color formats.

FormatValue
HEX#D421BC
RGBrgb(212, 33, 188)
HSLhsl(308, 73%, 48%)
RGB Decimal212, 33, 188
RGB Percent83.1%, 12.9%, 73.7%
CMYK (approx.)0%, 84%, 11%, 17%

Related Palettes

12 palettes using #D421BC or similar colors

#C322C0#DE459C#E77989#F0BFAD
#C322B6#DE4591#E77982#F0C3AD
#C322B3#DE458F#E77980#F0C4AD
#C022C3#DE45A1#E7798D#F0BCAD
#045AFB#3312ED#9E19E6#E718C8
#2C08F7#9E19E6#E817C9#FD025A
#BB22C3#DE45A6#E77991#F0BAAD
#C322A8#DE4585#E77979#F0C9AD
#8D1CB0#E435B5#E67F97#F6CBBC
#8924A8#E137B4#E38299#F2CDC0
#8317B5#E633C5#EC799D#F3C8BE
#8519B3#DF3ABE#EF769A#F7C6BA