Huebook

Fuchsia Analogous Color Scheme

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

#3311EE
#9A0EEA
#ED0DD9
#EE1166
#EE2211

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Delft Blue#3311EE51, 17, 238249°, 87%, 50%79, 93, 0, 745.1% 0.283 272
Violet#9A0EEA154, 14, 234278°, 89%, 49%34, 94, 0, 854.6% 0.276 306
Fuchsia#ED0DD9237, 13, 217305°, 90%, 49%0, 95, 8, 765.4% 0.290 333
Borderline Pink#EE1166238, 17, 102337°, 87%, 50%0, 93, 57, 761.1% 0.239 9
Prehistoric Meteor#EE2211238, 34, 175°, 87%, 50%0, 86, 93, 760.6% 0.234 30

Which pairs work for text

Text on backgroundContrastWCAG
Aa #3311EE on #ED0DD92.31:1—
Aa #3311EE on #EE11662.00:1—
Aa #3311EE on #EE22111.98:1—
Aa #9A0EEA on #ED0DD91.56:1—
Aa #3311EE on #9A0EEA1.48:1—
Aa #9A0EEA on #EE11661.35:1—

CSS variables

:root {
  --color-1: #3311ee; /* Delft Blue */
  --color-2: #9a0eea; /* Violet */
  --color-3: #ed0dd9; /* Fuchsia */
  --color-4: #ee1166; /* Borderline Pink */
  --color-5: #ee2211; /* Prehistoric Meteor */
}

Other schemes from Fuchsia

More medium pink analogous color schemes

Questions

What colors go with Fuchsia?

In a analogous scheme: Delft Blue (#3311EE), Violet (#9A0EEA), Borderline Pink (#EE1166), Prehistoric Meteor (#EE2211).

What is the hex code of Fuchsia?

#ED0DD9.