Poppy

#E35335

What color is Poppy?

Poppy is a warm, vivid red-orange with a slightly fiery tone, hex #E35335, close to the color of a fresh poppy petal. It is brighter and more orange than a classic red, with a strong, saturated presence.

What is the meaning of the color Poppy?

The name comes from the common poppy flower, Papaver rhoeas, whose red blooms became a powerful symbol after World War One. The Royal British Legion adopted the red poppy as its official emblem in 1921, drawing on the imagery of poppies growing over the battlefields of Flanders. The association was reinforced by John McCrae’s 1915 poem In Flanders Fields, which linked the flower directly to fallen soldiers. The annual Poppy Appeal, still run by the Royal British Legion, has made this specific red-orange tone one of the most recognizable commemorative colors in the United Kingdom.

RGB
227, 83, 53
HSL
10°, 76%, 55%
CMYK
0, 63, 77, 11
HSV
10°, 77%, 89%
Poppy color

What colors go with Poppy?

Colors that pair well with Poppy include:
Navy Blue: sharp, grounding contrast
Ivory: warm, soft balance
Charcoal: strong, muted anchor
Mustard Yellow: bold warm harmony
Sage Green: cool, earthy contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #E35335 color: #E35335;
RGB 227, 83, 53 color: rgb(227, 83, 53);
RGB Percentage 89%, 33%, 21% color: rgb(89%, 33%, 21%);
CMYK 0%, 63%, 77%, 11% Not supported in CSS
HSL 10°, 76%, 55% color: hsl(10, 76%, 55%);
HSV 10°, 77%, 89% Not supported in CSS
CIE-LAB 44, 29, 10 color: lab(44% 29 10);
Decimal 14897973 Not supported in CSS

Color Variations

Shades

#E35235
#DE3E1E
#C5371B
#AD3018
#942A14
#7B2311
#631C0D
#4A150A

Tints

#F7CBC2
#F4BAAE
#F1A99A
#EE9786
#EC8672
#E9755D
#E66349
#E35235

Tones

#E35235
#DB583E
#D25E46
#C9644F
#C16958
#B86F61
#AF7569
#A67B72

Hues

#E35235
#E3D535
#6FE335
#35E37E
#35C6E3
#3544E3
#A935E3
#E3359B

Color Harmonies

Analogous

#E3356F
Click to copy
#E35335
Click to copy
100%
#E3A935
Click to copy

Complementary

#E35335
Click to copy
100%
#35C6E3
Click to copy

Split Complementary

#E35335
Click to copy
100%
#35E3A9
Click to copy
#356FE3
Click to copy

Triadic

#E35335
Click to copy
100%
#35E352
Click to copy
#5235E3
Click to copy

Tetradic

#E35335
Click to copy
100%
#6FE335
Click to copy
#35C6E3
Click to copy
#A935E3
Click to copy

Square

#E35335
Click to copy
100%
#6FE335
Click to copy
#35C6E3
Click to copy
#A935E3
Click to copy

CSS & Dev Snippets

CSS
.poppy {
  color: #E35335;
}
SCSS
$poppy: #E35335;
RGB
rgb(227, 83, 53)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags