#D20962 Color (Hex and RGB)

#D20962

rgb(210 9 98) · reads as red

#d20962 has RGB values (210, 9, 98). The color reads primarily as red in sRGB space.

Color values

FormatValueChannels
HEX#D20962RD2G09B62
RGBrgb(210 9 98)R210G9B98
HSLhsl(333 92% 43%)H333°S92%L43%
OKLCHoklch(56% 0.22 5)L0.56C0.22H5°
HSVhsv(333, 96%, 82%)H333°S96%V82%
CMYKcmyk(0%, 96%, 53%, 18%)C0%M96%Y53%K18%

RGB mix

  • Red210 82.35%
  • Green9 3.53%
  • Blue98 38.43%

Base numbers

BaseRGB
Binary110100100000100101100010
Octal32211142
Decimal210998
Hexd20962

Shades & tints

Shades mix #D20962 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

#D20962 on #FFFFFF

5.31:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#D20962 on #000000

3.96:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Aa

#FFFFFF on #D20962

5.31:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#000000 on #D20962

3.96:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Code snippets

  • CSScolor: #d20962;
  • Backgroundbackground-color: #d20962;
  • CSS variable--color-d20962: #d20962;
  • Modern CSScolor: oklch(56% 0.22 5);
  • SCSS$color-d20962: #d20962;
  • Tailwindbg-[#d20962] text-[#d20962]
  • HTML<div style="background-color: #d20962"></div>

Brands that use this color 1

↑