Huebook

Sunburst Tetradic Color Scheme

Five colors arranged by the tetradic rule around Sunburst (#F5B57B), each snapped to its nearest named color.

#F5B57B
#73FA79
#74BBFB
#F878F8
#FEE9DA

Color names and codes

NameHEXRGBHSLCMYK
Sunburst#F5B57B245, 181, 12329°, 86%, 72%0, 26, 50, 4
Flora#73FA79115, 250, 121123°, 93%, 72%54, 0, 52, 2
Broken Blue#74BBFB116, 187, 251208°, 94%, 72%54, 25, 0, 2
Princess Peach#F878F8248, 120, 248300°, 90%, 72%0, 52, 0, 3
Guiding Star#FEE9DA254, 233, 21825°, 95%, 93%0, 8, 14, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F878F8 on #FEE9DA1.98:1—
Aa #74BBFB on #FEE9DA1.75:1—
Aa #73FA79 on #F878F81.74:1—
Aa #73FA79 on #74BBFB1.53:1—
Aa #F5B57B on #FEE9DA1.52:1—
Aa #F5B57B on #73FA791.33:1—

CSS variables

:root {
  --color-1: #f5b57b; /* Sunburst */
  --color-2: #73fa79; /* Flora */
  --color-3: #74bbfb; /* Broken Blue */
  --color-4: #f878f8; /* Princess Peach */
  --color-5: #fee9da; /* Guiding Star */
}

Other schemes from Sunburst

More Light Orange tetradic palettes

Questions

What colors go with Sunburst?

In a tetradic scheme: Flora (#73FA79), Broken Blue (#74BBFB), Princess Peach (#F878F8), Guiding Star (#FEE9DA).

What is the hex code of Sunburst?

#F5B57B.