Huebook

Saffron Analogous Color Scheme

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

#EE3366
#F0622F
#F4C430
#C0FB2D
#68E52F

Color names and codes

NameHEXRGBHSLCMYK
Bat’s Blood Soup#EE3366238, 51, 102344°, 85%, 57%0, 79, 57, 7
Exuberant Orange#F0622F240, 98, 4716°, 87%, 56%0, 59, 80, 6
Saffron#F4C430244, 196, 4845°, 90%, 57%0, 20, 80, 4
Grass Stain Green#C0FB2D192, 251, 4577°, 96%, 58%24, 0, 82, 2
Shire Green#68E52F104, 229, 47101°, 78%, 54%55, 0, 79, 10

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EE3366 on #C0FB2D3.22:1AA large
Aa #F0622F on #C0FB2D2.63:1—
Aa #EE3366 on #68E52F2.42:1—
Aa #EE3366 on #F4C4302.41:1—
Aa #F0622F on #68E52F1.98:1—
Aa #F0622F on #F4C4301.97:1—

CSS variables

:root {
  --color-1: #ee3366; /* Bat’s Blood Soup */
  --color-2: #f0622f; /* Exuberant Orange */
  --color-3: #f4c430; /* Saffron */
  --color-4: #c0fb2d; /* Grass Stain Green */
  --color-5: #68e52f; /* Shire Green */
}

Other schemes from Saffron

More Medium Yellow analogous palettes

Questions

What colors go with Saffron?

In a analogous scheme: Bat’s Blood Soup (#EE3366), Exuberant Orange (#F0622F), Grass Stain Green (#C0FB2D), Shire Green (#68E52F).

What is the hex code of Saffron?

#F4C430.