Huebook

Citrus Splash Analogous Color Scheme

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

#FE023C
#FF4500
#FFC400
#BBFF00
#3FFF00

Color names and codes

NameHEXRGBHSLCMYK
Méi Gūi Hóng Red#FE023C254, 2, 60346°, 99%, 50%0, 99, 76, 0
Red Dit#FF4500255, 69, 016°, 100%, 50%0, 73, 100, 0
Citrus Splash#FFC400255, 196, 046°, 100%, 50%0, 23, 100, 0
Nuclear Blast#BBFF00187, 255, 076°, 100%, 50%27, 0, 100, 0
Harlequin#3FFF0063, 255, 0105°, 100%, 50%75, 0, 100, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FE023C on #BBFF003.29:1AA large
Aa #FE023C on #3FFF002.93:1—
Aa #FF4500 on #BBFF002.85:1—
Aa #FF4500 on #3FFF002.54:1—
Aa #FE023C on #FFC4002.49:1—
Aa #FF4500 on #FFC4002.15:1—

CSS variables

:root {
  --color-1: #fe023c; /* Méi Gūi Hóng Red */
  --color-2: #ff4500; /* Red Dit */
  --color-3: #ffc400; /* Citrus Splash */
  --color-4: #bbff00; /* Nuclear Blast */
  --color-5: #3fff00; /* Harlequin */
}

Other schemes from Citrus Splash

More Medium Yellow analogous palettes

Questions

What colors go with Citrus Splash?

In a analogous scheme: Méi Gūi Hóng Red (#FE023C), Red Dit (#FF4500), Nuclear Blast (#BBFF00), Harlequin (#3FFF00).

What is the hex code of Citrus Splash?

#FFC400.