#ED1B2D Color (Hex and RGB)

#ED1B2D

rgb(237 27 45) · reads as red

#ed1b2d has RGB values (237, 27, 45). The color reads primarily as red in sRGB space.

Color values

FormatValueChannels
HEX#ED1B2DREDG1BB2D
RGBrgb(237 27 45)R237G27B45
HSLhsl(355 85% 52%)H355°S85%L52%
OKLCHoklch(60% 0.23 25)L0.6C0.23H25°
HSVhsv(355, 89%, 93%)H355°S89%V93%
CMYKcmyk(0%, 89%, 81%, 7%)C0%M89%Y81%K7%

RGB mix

  • Red237 92.94%
  • Green27 10.59%
  • Blue45 17.65%

Base numbers

BaseRGB
Binary111011010001101100101101
Octal3553355
Decimal2372745
Hexed1b2d

Shades & tints

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

#ED1B2D on #FFFFFF

4.38:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Aa

#ED1B2D on #000000

4.80:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#FFFFFF on #ED1B2D

4.38:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Aa

#000000 on #ED1B2D

4.80:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Code snippets

  • CSScolor: #ed1b2d;
  • Backgroundbackground-color: #ed1b2d;
  • CSS variable--color-ed1b2d: #ed1b2d;
  • Modern CSScolor: oklch(60% 0.23 25);
  • SCSS$color-ed1b2d: #ed1b2d;
  • Tailwindbg-[#ed1b2d] text-[#ed1b2d]
  • HTML<div style="background-color: #ed1b2d"></div>

Brands that use this color 1

↑