Cherry

#D20A2E

What color is Cherry?

Cherry is a deep, vivid red with a slight blue undertone, hex #D20A2E, close to the skin of a ripe Bing cherry. It is darker than a classic red but still bright enough to appear bold rather than muted.

What is the meaning of the color Cherry?

The name cherry as a color traces to the fruit itself, which English speakers were describing in color terms by the late 16th century. The dye used to produce cherry-red textiles during this period came primarily from cochineal, traded through Spanish merchants after contact with Mesoamerica in the 1500s. This gave cherry-colored fabric a prestige association in European courts, where saturated reds signaled wealth and rank. Crayola standardized the name Cherry Red in its product line, bringing the color into widespread everyday use across North America.

RGB
210, 10, 46
HSL
349°, 91%, 43%
CMYK
0, 95, 78, 18
HSV
349°, 95%, 82%
Cherry color

What colors go with Cherry?

Colors that pair well with Cherry include:
Cream: soft, warm contrast
Navy: deep, grounding balance
Forest Green: rich complementary depth
Charcoal: bold, modern edge
Gold: warm, striking accent

Similar Colors

Conversions & Codes

Format Value CSS
HEX #D20A2E color: #D20A2E;
RGB 210, 10, 46 color: rgb(210, 10, 46);
RGB Percentage 82%, 4%, 18% color: rgb(82%, 4%, 18%);
CMYK 0%, 95%, 78%, 18% Not supported in CSS
HSL 349°, 91%, 43% color: hsl(349, 91%, 43%);
HSV 349°, 95%, 82% Not supported in CSS
CIE-LAB 34, 40, -12 color: lab(34% 40 -12);
Decimal 13765166 Not supported in CSS

Color Variations

Shades

#D10A2E
#BC092A
#A80825
#930721
#7E061C
#690517
#540413
#3F030E

Tints

#FBACBA
#FA90A3
#F8748C
#F75876
#F63D5F
#F52148
#ED0B35
#D10A2E

Tones

#D10A2E
#C71435
#BD1E3B
#B32841
#AA3248
#A03C4E
#964654
#8C505B

Hues

#D10A2E
#D17B0A
#92D10A
#0AD117
#0AD1AD
#0A60D1
#490AD1
#D10AC4

Color Harmonies

Analogous

#D10A92
Click to copy
#D20A2E
Click to copy
#D1490A
Click to copy

Complementary

#D20A2E
Click to copy
#0AD1AD
Click to copy

Split Complementary

#D20A2E
Click to copy
#0AD149
Click to copy
#0A92D1
Click to copy

Triadic

#D20A2E
Click to copy
#2ED10A
Click to copy
#0A2ED1
Click to copy

Tetradic

#D20A2E
Click to copy
#92D10A
Click to copy
#0AD1AD
Click to copy
#490AD1
Click to copy

Square

#D20A2E
Click to copy
#92D10A
Click to copy
#0AD1AD
Click to copy
#490AD1
Click to copy

CSS & Dev Snippets

CSS
.cherry {
  color: #D20A2E;
}
SCSS
$cherry: #D20A2E;
RGB
rgb(210, 10, 46)

Accessibility & Contrast

White background

5.49:1
5.49
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

3.82:1
3.82
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags