Mahogany color: code #C04000

Mahogany

#C04000

Color codes

  • HEX#C04000
  • RGBrgb(192, 64, 0)
  • HSLhsl(20, 100%, 38%)
  • HSVhsv(20, 100%, 75%)
  • CMYKcmyk(0%, 67%, 100%, 25%)
  • LABlab(45.5% 49.2 56.7)
  • OKLCHoklch(54.9% 0.174 39.5)

About the color Mahogany

Mahogany has the HEX code #C04000, which corresponds to rgb(192, 64, 0) in the RGB model. On the color wheel its hue sits at 20°, with 100% saturation and 38% lightness (hsl(20, 100%, 38%)).

Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.

As a background it calls for light text: white reaches a 5.28:1 contrast ratio on it, versus 3.97:1 for black.

For print, the approximate conversion is cmyk(0%, 67%, 100%, 25%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Mahogany

Complementary

#C04000 · #0081C2

Analogous

#C20020 · #C04000 · #C2A200

Triadic

#C04000 · #00C241 · #4100C2

Tetradic

#C04000 · #20C200 · #0081C2 · #A200C2

Split-complementary

#C04000 · #00C2A2 · #0020C2

Monochromatic

#421600 · #8F3000 · #C04000 · #FF5F0F · #FF925C

Mahogany with white and black text

White text Aa Bb Cc 123
5.28:1 · AA
Black text Aa Bb Cc 123
3.97:1 · large text only

Test other pairs in the contrast checker

How to use it in CSS

:root {
  --color-mahogany: #C04000;
  --color-mahogany-rgb: 192, 64, 0;
}

.elemento {
  background-color: var(--color-mahogany);
  color: #FFFFFF;
}