Huebook

Razzle Dazzle Tetradic Color Scheme

Five colors arranged by the tetradic rule around Razzle Dazzle (#BA417B), each snapped to its nearest named color.

#BA417B
#AFBB42
#47BA87
#4A40AD
#D78BAD

Color names and codes

NameHEXRGBHSLCMYK
Razzle Dazzle#BA417B186, 65, 123331°, 48%, 49%0, 65, 34, 27
Hopscotch#AFBB42175, 187, 6666°, 48%, 50%6, 0, 65, 27
Aragon Green#47BA8771, 186, 135153°, 45%, 50%62, 0, 27, 27
Megadrive Screen#4A40AD74, 64, 173246°, 46%, 46%57, 63, 0, 32
Berry Twist#D78BAD215, 139, 173333°, 49%, 69%0, 35, 20, 16

Which pairs work for text

Text on backgroundContrastWCAG
Aa #AFBB42 on #4A40AD3.81:1AA large
Aa #47BA87 on #4A40AD3.29:1AA large
Aa #4A40AD on #D78BAD3.11:1AA large
Aa #BA417B on #AFBB422.42:1—
Aa #BA417B on #47BA872.09:1—
Aa #BA417B on #D78BAD1.98:1—

CSS variables

:root {
  --color-1: #ba417b; /* Razzle Dazzle */
  --color-2: #afbb42; /* Hopscotch */
  --color-3: #47ba87; /* Aragon Green */
  --color-4: #4a40ad; /* Megadrive Screen */
  --color-5: #d78bad; /* Berry Twist */
}

Other schemes from Razzle Dazzle

More Medium Pink tetradic palettes

Questions

What colors go with Razzle Dazzle?

In a tetradic scheme: Hopscotch (#AFBB42), Aragon Green (#47BA87), Megadrive Screen (#4A40AD), Berry Twist (#D78BAD).

What is the hex code of Razzle Dazzle?

#BA417B.