Huebook

Firecracker Analogous Color Scheme

Five colors arranged by the analogous rule around Firecracker (#F2643A), each snapped to its nearest named color.

#FF33CC
#F23E67
#F2643A
#F3C13A
#D5F534

Color names and codes

NameHEXRGBHSLCMYK
Razzle Dazzle Rose#FF33CC255, 51, 204315°, 100%, 60%0, 80, 20, 0
Munch on Melon#F23E67242, 62, 103346°, 87%, 60%0, 74, 57, 5
Firecracker#F2643A242, 100, 5814°, 88%, 59%0, 59, 76, 5
Phellodendron Amurense#F3C13A243, 193, 5844°, 89%, 59%0, 21, 76, 5
Stadium Grass#D5F534213, 245, 5270°, 91%, 58%13, 0, 79, 4

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F23E67 on #D5F5342.99:1—
Aa #FF33CC on #D5F5342.57:1—
Aa #F2643A on #D5F5342.54:1—
Aa #F23E67 on #F3C13A2.21:1—
Aa #FF33CC on #F3C13A1.89:1—
Aa #F2643A on #F3C13A1.88:1—

CSS variables

:root {
  --color-1: #ff33cc; /* Razzle Dazzle Rose */
  --color-2: #f23e67; /* Munch on Melon */
  --color-3: #f2643a; /* Firecracker */
  --color-4: #f3c13a; /* Phellodendron Amurense */
  --color-5: #d5f534; /* Stadium Grass */
}

Other schemes from Firecracker

More Medium Red analogous palettes

Questions

What colors go with Firecracker?

In a analogous scheme: Razzle Dazzle Rose (#FF33CC), Munch on Melon (#F23E67), Phellodendron Amurense (#F3C13A), Stadium Grass (#D5F534).

What is the hex code of Firecracker?

#F2643A.