Maroon Colors  ·  Color Library

Palettes / Colors / #D76074

#D76074 — Red

#D76074 is a red color we call Red, closest to the named color IndianRed (#CD5C5C). It belongs to the red family.

Color name

Closest CSS keyword: indianred (#CD5C5C) — not an exact match. CSS indianred gives you #CD5C5C, a different color; use #D76074 when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#D76074 is a warm red color associated with energy, passion and urgency. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

Its strongest partner is its complement #60D7C3; it also sits naturally between #D760AF and #D78860. In the palettes below you can see it working alongside real color combinations from our collection.

#D76074 · RGB 215, 96, 116

Download PNG swatch SVG

Color values

HEX#D76074
RGB215, 96, 116
HSL350°, 60%, 61%
HSV350°, 55%, 84%
CMYK0%, 55%, 46%, 16%
XYZ35.36, 24.07, 19.31
Yxy24.07, 0.4491, 0.3057
CIE-Lab56.16, 48.56, 12.06
Hunter Lab49.07, 46.12, 8.67

RGB & CMYK percentages

Red 84% · Green 38% · Blue 45%

Cyan 0% · Magenta 55% · Yellow 46% · Key 16%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #D76074 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #D76074 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #D76074

.text { color: #D76074; }
.background { background-color: #D76074; }
.border { border: 3px solid #D76074; }
.text-rgb { color: rgb(215, 96, 116); }
.text-hsl { color: hsl(350, 60%, 61%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #D76074; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(215, 96, 116, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #D76074; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(215, 96, 116, 0.8); }

HTML: <p style="color:#D76074">Text here</p> · <div style="background-color:#D76074">Div content here</div>

Shades of #D76074

#D1475E#CC334D#B42D43#9B273A#872232#6E1C29#561520#3D0F17#290A0F#100406

Tints of #D76074

#DB7082#DE7C8D#E28D9B#E599A6#EAA9B4#EDB6BF#F1C6CD#F4D2D8#F8E2E6#FBEFF1

Tones of #D76074

#CE697A#C6717F#BD7A85#B5828A#AC8B90#A59396

Color harmonies

Complementary — #60D7C3:

Analogous:

Triadic:

Contrast & accessibility

Against white text3.61:1 AA large only
Against black text5.81:1 AA

Best text color on #D76074: #000000.

Semi-transparent (opacity) text on #D76074

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #D76074: ·

How #D76074 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #A3A26FDeuteranopia · #AAB36ETritanopia · #D16B6B

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Tailwind pink 500 · #EC4899Tailwind rose 500 · #F43F5ETailwind pink 600 · #DB2777

Palettes with a similar color

These palettes use a close neighbour of #D76074 rather than the exact color:

Tranquil Petal
#CF2BA5 · #DA606F · #8D5822 · #BED32C
Honey Ruby Terrace
#761D1B · #D85774 · #51D4D6 · #A8D7E4
Burning Monsoon
#DF8699 · #CF5972 · #982941 · #5D1D2A
Vintage Solace
#CB6070 · #A76629 · #BCCD35 · #75CC57
Rustic Meadow
#59121D · #951D2B · #D45470 · #F1E6D2
Royal Ruby Cascade
#340D18 · #851B40 · #D5567D · #E5D7AB

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#DA606F#D85774#CF5972#CB6070#D45470#D5567D#CD5D7D#D55272#D96868#D55C66#D75177#DD6B7E

Browse neighbouring colors

← #D76073  ·  #D76075 →

Frequently asked questions

What color is #D76074?

#D76074 is Red, a red color (RGB 215, 96, 116). Its closest standard named color is IndianRed.

What is the RGB and HSL of #D76074?

#D76074 is RGB 215, 96, 116 — HSL 350°, 60%, 61% — CMYK 0%, 55%, 46%, 16%.

What colors go with #D76074?

Its complement is #60D7C3; analogous partners are #D760AF and #D78860. It also appears in 6+ palettes in our collection.

Can I use #D76074 for text?

Black text on #D76074 has a contrast ratio of 5.81:1 (passes WCAG AA); white text gives 3.61:1.