#D52C82 Color (Hex and RGB)

#D52C82

rgb(213 44 130) · reads as red

#d52c82 has RGB values (213, 44, 130). The color reads primarily as red in sRGB space.

Color values

FormatValueChannels
HEX#D52C82RD5G2CB82
RGBrgb(213 44 130)R213G44B130
HSLhsl(329 67% 50%)H329°S67%L50%
OKLCHoklch(59% 0.21 355)L0.59C0.21H355°
HSVhsv(329, 79%, 84%)H329°S79%V84%
CMYKcmyk(0%, 79%, 39%, 16%)C0%M79%Y39%K16%

RGB mix

  • Red213 83.53%
  • Green44 17.25%
  • Blue130 50.98%

Base numbers

BaseRGB
Binary110101010010110010000010
Octal32554202
Decimal21344130
Hexd52c82

Shades & tints

Shades mix #D52C82 with black; tints mix it with white. Click any swatch to explore it.

Shades

Tints

Color harmonies

Complementary

Opposite on the color wheel — maximum contrast.

Analogous

Neighbors 30° either side — calm and cohesive.

Triadic

Three hues spaced 120° apart — vibrant balance.

Monochromatic

Same hue and saturation, different lightness.

Similar brand colors

The closest colors from our brand palettes, measured in OKLab.

Contrast & accessibility

WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.

Aa

#D52C82 on #FFFFFF

4.65:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#D52C82 on #000000

4.51:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#FFFFFF on #D52C82

4.65:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#000000 on #D52C82

4.51:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Code snippets

  • CSScolor: #d52c82;
  • Backgroundbackground-color: #d52c82;
  • CSS variable--color-d52c82: #d52c82;
  • Modern CSScolor: oklch(59% 0.21 355);
  • SCSS$color-d52c82: #d52c82;
  • Tailwindbg-[#d52c82] text-[#d52c82]
  • HTML<div style="background-color: #d52c82"></div>

Brands that use this color 2

↑