#D9282E Color (Hex and RGB)

#D9282E

rgb(217 40 46) · reads as red

#d9282e has RGB values (217, 40, 46). The color reads primarily as red in sRGB space.

Color values

FormatValueChannels
HEX#D9282ERD9G28B2E
RGBrgb(217 40 46)R217G40B46
HSLhsl(358 70% 50%)H358°S70%L50%
OKLCHoklch(57% 0.21 26)L0.57C0.21H26°
HSVhsv(358, 82%, 85%)H358°S82%V85%
CMYKcmyk(0%, 82%, 79%, 15%)C0%M82%Y79%K15%

RGB mix

  • Red217 85.1%
  • Green40 15.69%
  • Blue46 18.04%

Base numbers

BaseRGB
Binary110110010010100000101110
Octal3315056
Decimal2174046
Hexd9282e

Shades & tints

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

#D9282E on #FFFFFF

4.89:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#D9282E on #000000

4.29:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Aa

#FFFFFF on #D9282E

4.89:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#000000 on #D9282E

4.29:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Code snippets

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

Brands that use this color 1

↑