Huebook

Pastel Orange Analogous Color Scheme

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

#FF55AA
#FF5566
#FF964F
#FBEB50
#AAFF55

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Pink Katydid#FF55AA255, 85, 170330°, 100%, 67%0, 67, 33, 070.3% 0.219 353
Festive Fennec#FF5566255, 85, 102354°, 100%, 67%0, 67, 60, 068.5% 0.205 19
Pastel Orange#FF964F255, 150, 7924°, 100%, 65%0, 41, 69, 077.1% 0.152 52
Paris Daisy#FBEB50251, 235, 8054°, 96%, 65%0, 6, 68, 292.6% 0.169 103
Irradiated Green#AAFF55170, 255, 8590°, 100%, 67%33, 0, 67, 091.4% 0.215 132

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF5566 on #AAFF552.54:1—
Aa #FF5566 on #FBEB502.54:1—
Aa #FF55AA on #AAFF552.40:1—
Aa #FF55AA on #FBEB502.40:1—
Aa #FF964F on #AAFF551.76:1—
Aa #FF964F on #FBEB501.76:1—

CSS variables

:root {
  --color-1: #ff55aa; /* Pink Katydid */
  --color-2: #ff5566; /* Festive Fennec */
  --color-3: #ff964f; /* Pastel Orange */
  --color-4: #fbeb50; /* Paris Daisy */
  --color-5: #aaff55; /* Irradiated Green */
}

Other schemes from Pastel Orange

More light orange analogous color schemes

Questions

What colors go with Pastel Orange?

In a analogous scheme: Pink Katydid (#FF55AA), Festive Fennec (#FF5566), Paris Daisy (#FBEB50), Irradiated Green (#AAFF55).

What is the hex code of Pastel Orange?

#FF964F.