Huebook

Daffodil Analogous Color Scheme

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

#FF3333
#FF9832
#FFFF31
#87FF2A
#26FF2A

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Pelati#FF3333255, 51, 510°, 100%, 60%0, 80, 80, 064.9% 0.237 27
Neon Carrot#FF9832255, 152, 5030°, 100%, 60%0, 40, 80, 077.2% 0.164 60
Daffodil#FFFF31255, 255, 4960°, 100%, 60%0, 0, 81, 096.9% 0.201 110
Spring Frost#87FF2A135, 255, 4294°, 100%, 58%47, 0, 84, 089.4% 0.253 136
Electric Laser Lime#26FF2A38, 255, 42121°, 100%, 57%85, 0, 84, 087.0% 0.284 143

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF3333 on #FFFF313.39:1AA large
Aa #FF3333 on #87FF2A2.84:1—
Aa #FF3333 on #26FF2A2.67:1—
Aa #FF9832 on #FFFF312.00:1—
Aa #FF3333 on #FF98321.70:1—
Aa #FF9832 on #87FF2A1.67:1—

CSS variables

:root {
  --color-1: #ff3333; /* Pelati */
  --color-2: #ff9832; /* Neon Carrot */
  --color-3: #ffff31; /* Daffodil */
  --color-4: #87ff2a; /* Spring Frost */
  --color-5: #26ff2a; /* Electric Laser Lime */
}

Other schemes from Daffodil

More medium yellow analogous color schemes

Questions

What colors go with Daffodil?

In a analogous scheme: Pelati (#FF3333), Neon Carrot (#FF9832), Spring Frost (#87FF2A), Electric Laser Lime (#26FF2A).

What is the hex code of Daffodil?

#FFFF31.