Dark Peach #DE7E5D

Dark Peach is a medium-light, moderately saturated red with hex code #DE7E5D and RGB rgb(222, 126, 93).

Aa

Black text reads best on this color (7.24:1).

About this color

#DE7E5D is a medium-light, moderately saturated red. In OKLCH its lightness is 69%, its chroma 0.128 and its hue 40°. Its hue sits on the warm side of the wheel. It is the named color Dark Peach. Black text reads best on it, at 7.24:1.

Hue familyReds
Lightnessmedium-light (69%)
Chromamoderately saturated (0.128)
Temperaturewarm
Nearest nameDark Peach
Black text7.24:1
White text2.89:1

Colors that go with Dark Peach

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

Analogous

Neighbouring hues, 30° either side.

Open the analogous palette in the generator

Color palettes with Dark Peach

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

Similar named colors

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

More about Dark Peach

How to make Dark Peach

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.

  • 3 parts pink
  • 2 parts orange
  • 1 part purple

Recipe result: #DB885C, a difference of ΔE 0.025 from Dark Peach. That is very close: most people will not see the difference.

What colors make red? | Color mixing chart

Codes for Dark Peach in every format

HEX#DE7E5D
RGBrgb(222, 126, 93)
HSLhsl(15, 66%, 62%)
OKLCHoklch(69.1% 0.128 39.6)

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 #DE7E5D 2.89:1 Fails Lc -60.2 Content text, not long reading
Black text on #DE7E5D 7.24:1 AAA Lc 49.1 Large or bold text, headings
#DE7E5D text on white 2.89:1 Fails Lc 54.9 Large or bold text, headings
#DE7E5D text on black 7.24:1 AAA Lc -46.9 Large or bold text, headings

Shades and tints of Dark Peach

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 400.

  1. Step 50

    50

    #FCF3F0

    oklch(97% 0.011 39.4)

  2. Step 100

    100

    #F9E5DF

    oklch(93.6% 0.023 37.4)

  3. Step 200

    200

    #F4D0C4

    oklch(88.5% 0.044 39.3)

  4. Step 300

    300

    #EEB09A

    oklch(80.9% 0.079 40.4)

  5. Step 400

    400 (this color)

    #DE7E5D

    oklch(69.1% 0.128 39.6)

  6. Step 500

    500

    #D95F33

    oklch(63.1% 0.164 39.4)

  7. Step 600

    600

    #C34200

    oklch(55.6% 0.175 39.8)

  8. Step 700

    700

    #A53600

    oklch(49% 0.155 39.6)

  9. Step 800

    800

    #892B00

    oklch(42.8% 0.136 39.4)

  10. Step 900

    900

    #6E280D

    oklch(37.6% 0.106 39.5)

  11. Step 950

    950

    #41190A

    oklch(27.1% 0.067 40.2)

Export this scale for Tailwind in the Tailwind colors tool

Dark Peach 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)#978B5A0.120
Deuteranopia (no green cones)#AEA05C0.112
Tritanopia (no blue cones)#F16D760.064
Achromatopsia (no color)#9898980.129

Use Dark Peach 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.