Mahogany #4A0100

Mahogany is a dark, moderately saturated red with hex code #4A0100 and RGB rgb(74, 1, 0).

Aa

White text reads best on this color (16.20:1).

About this color

#4A0100 is a dark, moderately saturated red. In OKLCH its lightness is 26%, its chroma 0.104 and its hue 30°. Its hue sits on the warm side of the wheel. It is the named color Mahogany. White text reads best on it, at 16.20:1.

Hue familyReds
Lightnessdark (26%)
Chromamoderately saturated (0.104)
Temperaturewarm
Nearest nameMahogany
Black text1.29:1
White text16.20:1

Colors that go with Mahogany

Matches found by rotating Mahogany around the OKLCH hue wheel, each labelled with the closest name in our list.

Complementary

The opposite hue (180°).

Open the complementary palette in the generator

Color palettes with Mahogany

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Mahogany, closest first.

Similar named colors

The eight named colors closest to Mahogany, with their ΔE distance.

More about Mahogany

How to make Mahogany

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

  • 2 parts red
  • 1 part black

Recipe result: #382427, a difference of ΔE 0.081 from Mahogany. Mahogany is more vivid than these paints can mix, so start from a ready-made red paint and adjust it.

What colors make red? | Color mixing chart

Codes for Mahogany in every format

HEX#4A0100
RGBrgb(74, 1, 0)
HSLhsl(1, 100%, 15%)
OKLCHoklch(25.8% 0.104 29.7)

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

PairWCAG 2ResultAPCAAPCA guidance
White text on #4A0100 16.20:1 AAA Lc -104.6 Preferred for body text
Black text on #4A0100 1.29:1 Fails Lc 0.0 Not readable
#4A0100 text on white 16.20:1 AAA Lc 101.9 Preferred for body text
#4A0100 text on black 1.29:1 Fails Lc 0.0 Not readable

Shades and tints of Mahogany

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 950.

  1. Step 50

    50

    #FFF2F0

    oklch(97.1% 0.014 28)

  2. Step 100

    100

    #FFE2DD

    oklch(93.5% 0.033 29.4)

  3. Step 200

    200

    #FFCBC2

    oklch(88.5% 0.061 29.7)

  4. Step 300

    300

    #FFA697

    oklch(81% 0.108 30.1)

  5. Step 400

    400

    #FF6A57

    oklch(70.7% 0.185 29.7)

  6. Step 500

    500

    #FE1506

    oklch(63.1% 0.253 29.7)

  7. Step 600

    600

    #D80A00

    oklch(55.6% 0.225 29.7)

  8. Step 700

    700

    #B70700

    oklch(49.1% 0.199 29.7)

  9. Step 800

    800

    #970500

    oklch(42.7% 0.173 29.7)

  10. Step 900

    900

    #7F0300

    oklch(37.6% 0.152 29.7)

  11. Step 950

    950 (this color)

    #4A0100

    oklch(25.8% 0.104 29.7)

Export this scale for Tailwind in the Tailwind colors tool

Mahogany with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.

VisionSeen asShift (ΔE)
Protanopia (no red cones)#1B16000.113
Deuteranopia (no green cones)#2C26000.101
Tritanopia (no blue cones)#5300020.022
Achromatopsia (no color)#2020200.105

Use Mahogany in your product

Turn it into light and dark UI roles checked for contrast, then export to Tailwind v4, shadcn/ui, CSS or design tokens.