Huebook

Dream of Spring Analogous Color Scheme

Five colors arranged by the analogous rule around Dream of Spring (#F7CF26), each snapped to its nearest named color.

#FC2647
#FF6622
#F7CF26
#BFF128
#55FF22

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Là Jiāo Hóng Red#FC2647252, 38, 71351°, 97%, 57%0, 85, 72, 163.8% 0.240 21
Sparrow’s Fire#FF6622255, 102, 3418°, 100%, 57%0, 60, 87, 069.7% 0.201 41
Dream of Spring#F7CF26247, 207, 3849°, 93%, 56%0, 16, 85, 386.4% 0.170 94
Pick Your Poison#BFF128191, 241, 4075°, 88%, 55%21, 0, 83, 589.1% 0.212 124
Traffic Green#55FF2285, 255, 34106°, 100%, 57%67, 0, 87, 087.7% 0.275 140

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FC2647 on #BFF1282.87:1—
Aa #FC2647 on #55FF222.85:1—
Aa #FC2647 on #F7CF262.53:1—
Aa #FF6622 on #BFF1282.21:1—
Aa #FF6622 on #55FF222.19:1—
Aa #FF6622 on #F7CF261.94:1—

CSS variables

:root {
  --color-1: #fc2647; /* Là Jiāo Hóng Red */
  --color-2: #ff6622; /* Sparrow’s Fire */
  --color-3: #f7cf26; /* Dream of Spring */
  --color-4: #bff128; /* Pick Your Poison */
  --color-5: #55ff22; /* Traffic Green */
}

Other schemes from Dream of Spring

More medium yellow analogous color schemes

Questions

What colors go with Dream of Spring?

In a analogous scheme: Là Jiāo Hóng Red (#FC2647), Sparrow’s Fire (#FF6622), Pick Your Poison (#BFF128), Traffic Green (#55FF22).

What is the hex code of Dream of Spring?

#F7CF26.