Huebook

Magentleman Complementary Color Scheme

Five colors arranged by the complementary rule around Magentleman (#AA22BB), each snapped to its nearest named color.

#AA22BB
#CC55EE
#22BB22
#2A7E19
#61E160

Color names and codes

NameHEXRGBHSLCMYK
Magentleman#AA22BB170, 34, 187293°, 69%, 43%9, 82, 0, 27
Bubblegum Baby Girl#CC55EE204, 85, 238287°, 82%, 63%14, 64, 0, 7
Lush Plains#22BB2234, 187, 34120°, 69%, 43%82, 0, 82, 27
Tree Green#2A7E1942, 126, 25110°, 67%, 30%67, 0, 80, 51
Lightish Green#61E16097, 225, 96120°, 68%, 63%57, 0, 57, 12

Which pairs work for text

Text on backgroundContrastWCAG
Aa #AA22BB on #61E1603.40:1AA large
Aa #2A7E19 on #61E1603.04:1AA large
Aa #AA22BB on #22BB222.24:1—
Aa #CC55EE on #61E1602.04:1—
Aa #22BB22 on #2A7E192.00:1—
Aa #AA22BB on #CC55EE1.67:1—

CSS variables

:root {
  --color-1: #aa22bb; /* Magentleman */
  --color-2: #cc55ee; /* Bubblegum Baby Girl */
  --color-3: #22bb22; /* Lush Plains */
  --color-4: #2a7e19; /* Tree Green */
  --color-5: #61e160; /* Lightish Green */
}

Other schemes from Magentleman

More Medium Pink complementary palettes

Questions

What colors go with Magentleman?

In a complementary scheme: Bubblegum Baby Girl (#CC55EE), Lush Plains (#22BB22), Tree Green (#2A7E19), Lightish Green (#61E160).

What is the hex code of Magentleman?

#AA22BB.