Huebook

Spiced up Orange Analogous Color Scheme

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

#E936A7
#EA3C53
#E67A37
#F1D236
#A7F432

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Pink Bite#E936A7233, 54, 167322°, 80%, 56%0, 77, 28, 964.2% 0.235 347
Desire#EA3C53234, 60, 83352°, 81%, 58%0, 74, 65, 862.4% 0.209 19
Spiced up Orange#E67A37230, 122, 5523°, 78%, 56%0, 47, 76, 1069.1% 0.155 49
Giallo#F1D236241, 210, 5450°, 87%, 58%0, 13, 78, 586.5% 0.165 97
Green Lizard#A7F432167, 244, 5084°, 90%, 58%32, 0, 80, 488.4% 0.223 130

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EA3C53 on #A7F4322.97:1—
Aa #E936A7 on #A7F4322.82:1—
Aa #EA3C53 on #F1D2362.66:1—
Aa #E936A7 on #F1D2362.52:1—
Aa #E67A37 on #A7F4322.17:1—
Aa #E67A37 on #F1D2361.95:1—

CSS variables

:root {
  --color-1: #e936a7; /* Pink Bite */
  --color-2: #ea3c53; /* Desire */
  --color-3: #e67a37; /* Spiced up Orange */
  --color-4: #f1d236; /* Giallo */
  --color-5: #a7f432; /* Green Lizard */
}

Other schemes from Spiced up Orange

More medium orange analogous color schemes

Questions

What colors go with Spiced up Orange?

In a analogous scheme: Pink Bite (#E936A7), Desire (#EA3C53), Giallo (#F1D236), Green Lizard (#A7F432).

What is the hex code of Spiced up Orange?

#E67A37.