Huebook

Devil’s Advocate Analogous Color Scheme

Five colors arranged by the analogous rule around Devil’s Advocate (#FF3344), each snapped to its nearest named color.

#FF33FF
#FE28A2
#FF3344
#FF8833
#FFEE33

Color names and codes

NameHEXRGBHSLCMYK
Pink Overflow#FF33FF255, 51, 255300°, 100%, 60%0, 80, 0, 0
Persian Rose#FE28A2254, 40, 162326°, 99%, 58%0, 84, 36, 0
Devil’s Advocate#FF3344255, 51, 68355°, 100%, 60%0, 80, 73, 0
Wildfire#FF8833255, 136, 5125°, 100%, 60%0, 47, 80, 0
Yellow-Bellied#FFEE33255, 238, 5155°, 100%, 60%0, 7, 80, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF3344 on #FFEE333.02:1AA large
Aa #FE28A2 on #FFEE332.90:1—
Aa #FF33FF on #FFEE332.45:1—
Aa #FF8833 on #FFEE331.99:1—
Aa #FF3344 on #FF88331.52:1—
Aa #FE28A2 on #FF88331.46:1—

CSS variables

:root {
  --color-1: #ff33ff; /* Pink Overflow */
  --color-2: #fe28a2; /* Persian Rose */
  --color-3: #ff3344; /* Devil’s Advocate */
  --color-4: #ff8833; /* Wildfire */
  --color-5: #ffee33; /* Yellow-Bellied */
}

Other schemes from Devil’s Advocate

More Light Red analogous palettes

Questions

What colors go with Devil’s Advocate?

In a analogous scheme: Pink Overflow (#FF33FF), Persian Rose (#FE28A2), Wildfire (#FF8833), Yellow-Bellied (#FFEE33).

What is the hex code of Devil’s Advocate?

#FF3344.