Huebook

Blood Orange Analogous Color Scheme

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

#AA00CC
#CC0088
#D1001C
#CD4600
#CEB301

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Ferocious Fuchsia#AA00CC170, 0, 204290°, 100%, 40%17, 100, 0, 2054.1% 0.261 319
Snappy Violet#CC0088204, 0, 136320°, 100%, 40%0, 100, 33, 2055.8% 0.233 349
Blood Orange#D1001C209, 0, 28352°, 100%, 41%0, 100, 87, 1854.2% 0.220 26
Ōkaihau Express#CD4600205, 70, 020°, 100%, 40%0, 66, 100, 2057.7% 0.182 40
Mustard#CEB301206, 179, 152°, 99%, 41%0, 13, 100, 1976.7% 0.158 98

Which pairs work for text

Text on backgroundContrastWCAG
Aa #AA00CC on #CEB3012.81:1—
Aa #D1001C on #CEB3012.70:1—
Aa #CC0088 on #CEB3012.57:1—
Aa #CD4600 on #CEB3012.25:1—
Aa #AA00CC on #CD46001.25:1—
Aa #D1001C on #CD46001.20:1—

CSS variables

:root {
  --color-1: #aa00cc; /* Ferocious Fuchsia */
  --color-2: #cc0088; /* Snappy Violet */
  --color-3: #d1001c; /* Blood Orange */
  --color-4: #cd4600; /* Ōkaihau Express */
  --color-5: #ceb301; /* Mustard */
}

Other schemes from Blood Orange

More medium red analogous color schemes

Questions

What colors go with Blood Orange?

In a analogous scheme: Ferocious Fuchsia (#AA00CC), Snappy Violet (#CC0088), Ōkaihau Express (#CD4600), Mustard (#CEB301).

What is the hex code of Blood Orange?

#D1001C.