#DC380F Color (Hex and RGB)

#DC380F

rgb(220 56 15) · reads as red

#dc380f has RGB values (220, 56, 15). The color reads primarily as red in sRGB space.

Color values

FormatValueChannels
HEX#DC380FRDCG38B0F
RGBrgb(220 56 15)R220G56B15
HSLhsl(12 87% 46%)H12°S87%L46%
OKLCHoklch(59% 0.21 34)L0.59C0.21H34°
HSVhsv(12, 93%, 86%)H12°S93%V86%
CMYKcmyk(0%, 75%, 93%, 14%)C0%M75%Y93%K14%

RGB mix

  • Red220 86.27%
  • Green56 21.96%
  • Blue15 5.88%

Base numbers

BaseRGB
Binary110111000011100000001111
Octal3347017
Decimal2205615
Hexdc380f

Shades & tints

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

#DC380F on #FFFFFF

4.55:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#DC380F on #000000

4.62:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#FFFFFF on #DC380F

4.55:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#000000 on #DC380F

4.62:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Code snippets

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

Brands that use this color 1

↑