Huebook

№5 Analogous Color Scheme

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

#FC89AC
#F39D8D
#F8D68B
#E8F48C
#B1FC99

Color names and codes

NameHEXRGBHSLCMYK
Tickle Me Pink#FC89AC252, 137, 172342°, 95%, 76%0, 46, 32, 1
Fruit Shake#F39D8D243, 157, 1419°, 81%, 75%0, 35, 42, 5
№5#F8D68B248, 214, 13941°, 89%, 76%0, 14, 44, 3
Key Lime Water#E8F48C232, 244, 14067°, 83%, 75%5, 0, 43, 4
Pale Light Green#B1FC99177, 252, 153105°, 94%, 79%30, 0, 39, 1

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FC89AC on #E8F48C1.91:1—
Aa #FC89AC on #B1FC991.85:1—
Aa #F39D8D on #E8F48C1.77:1—
Aa #F39D8D on #B1FC991.72:1—
Aa #FC89AC on #F8D68B1.61:1—
Aa #F39D8D on #F8D68B1.50:1—

CSS variables

:root {
  --color-1: #fc89ac; /* Tickle Me Pink */
  --color-2: #f39d8d; /* Fruit Shake */
  --color-3: #f8d68b; /* №5 */
  --color-4: #e8f48c; /* Key Lime Water */
  --color-5: #b1fc99; /* Pale Light Green */
}

Other schemes from №5

More Light Orange analogous palettes

Questions

What colors go with №5?

In a analogous scheme: Tickle Me Pink (#FC89AC), Fruit Shake (#F39D8D), Key Lime Water (#E8F48C), Pale Light Green (#B1FC99).

What is the hex code of №5?

#F8D68B.