Huebook

Scarlet Splendour Analogous Color Scheme

Five colors arranged by the analogous rule around Scarlet Splendour (#CC0C1B), each snapped to its nearest named color.

#AA00CC
#CC1177
#CC0C1B
#CD5909
#D2BD0A

Color names and codes

NameHEXRGBHSLCMYK
Ferocious Fuchsia#AA00CC170, 0, 204290°, 100%, 40%17, 100, 0, 20
Crazy Ex#CC1177204, 17, 119327°, 85%, 43%0, 92, 42, 20
Scarlet Splendour#CC0C1B204, 12, 27355°, 89%, 42%0, 94, 87, 20
Rusty Orange#CD5909205, 89, 924°, 92%, 42%0, 57, 96, 20
Mustard Flower#D2BD0A210, 189, 1054°, 91%, 43%0, 10, 95, 18

Which pairs work for text

Text on backgroundContrastWCAG
Aa #AA00CC on #D2BD0A3.08:1AA large
Aa #CC0C1B on #D2BD0A3.03:1AA large
Aa #CC1177 on #D2BD0A2.82:1—
Aa #CD5909 on #D2BD0A2.19:1—
Aa #AA00CC on #CD59091.40:1—
Aa #CC0C1B on #CD59091.38:1—

CSS variables

:root {
  --color-1: #aa00cc; /* Ferocious Fuchsia */
  --color-2: #cc1177; /* Crazy Ex */
  --color-3: #cc0c1b; /* Scarlet Splendour */
  --color-4: #cd5909; /* Rusty Orange */
  --color-5: #d2bd0a; /* Mustard Flower */
}

Other schemes from Scarlet Splendour

More Medium Red analogous palettes

Questions

What colors go with Scarlet Splendour?

In a analogous scheme: Ferocious Fuchsia (#AA00CC), Crazy Ex (#CC1177), Rusty Orange (#CD5909), Mustard Flower (#D2BD0A).

What is the hex code of Scarlet Splendour?

#CC0C1B.