Huebook

Jambalaya Analogous Color Scheme

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

#F771B3
#F97272
#F7B572
#F6F677
#A9F971

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Pop That Gum#F771B3247, 113, 179330°, 89%, 71%0, 54, 28, 372.7% 0.178 352
Georgia Peach#F97272249, 114, 1140°, 92%, 71%0, 54, 54, 271.4% 0.166 22
Jambalaya#F7B572247, 181, 11430°, 89%, 71%0, 27, 54, 382.1% 0.114 66
Hyper Beam#F6F677246, 246, 11960°, 88%, 72%0, 0, 52, 494.8% 0.149 109
Lima#A9F971169, 249, 11395°, 92%, 71%32, 0, 55, 290.2% 0.187 134

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F97272 on #F6F6772.39:1—
Aa #F771B3 on #F6F6772.31:1—
Aa #F97272 on #A9F9712.15:1—
Aa #F771B3 on #A9F9712.07:1—
Aa #F7B572 on #F6F6771.56:1—
Aa #F97272 on #F7B5721.54:1—

CSS variables

:root {
  --color-1: #f771b3; /* Pop That Gum */
  --color-2: #f97272; /* Georgia Peach */
  --color-3: #f7b572; /* Jambalaya */
  --color-4: #f6f677; /* Hyper Beam */
  --color-5: #a9f971; /* Lima */
}

Other schemes from Jambalaya

More light orange analogous color schemes

Questions

What colors go with Jambalaya?

In a analogous scheme: Pop That Gum (#F771B3), Georgia Peach (#F97272), Hyper Beam (#F6F677), Lima (#A9F971).

What is the hex code of Jambalaya?

#F7B572.