Huebook

Mad Pinker Complementary Color Scheme

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

#FF9899
#FFE6E7
#99FFFF
#55FFFF
#E7FEFF

Color names and codes

NameHEXRGBHSLCMYK
Mad Pinker#FF9899255, 152, 153359°, 100%, 80%0, 40, 40, 0
Vanilla Strawberry#FFE6E7255, 230, 231358°, 100%, 95%0, 10, 9, 0
Glitchy Shader Blue#99FFFF153, 255, 255180°, 100%, 80%40, 0, 0, 0
Electric Sheep#55FFFF85, 255, 255180°, 100%, 67%67, 0, 0, 0
Bubbles#E7FEFF231, 254, 255183°, 100%, 95%9, 0, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF9899 on #E7FEFF1.96:1—
Aa #FF9899 on #99FFFF1.77:1—
Aa #FF9899 on #FFE6E71.74:1—
Aa #FF9899 on #55FFFF1.68:1—
Aa #55FFFF on #E7FEFF1.17:1—
Aa #FFE6E7 on #E7FEFF1.13:1—

CSS variables

:root {
  --color-1: #ff9899; /* Mad Pinker */
  --color-2: #ffe6e7; /* Vanilla Strawberry */
  --color-3: #99ffff; /* Glitchy Shader Blue */
  --color-4: #55ffff; /* Electric Sheep */
  --color-5: #e7feff; /* Bubbles */
}

Other schemes from Mad Pinker

More Light Red complementary palettes

Questions

What colors go with Mad Pinker?

In a complementary scheme: Vanilla Strawberry (#FFE6E7), Glitchy Shader Blue (#99FFFF), Electric Sheep (#55FFFF), Bubbles (#E7FEFF).

What is the hex code of Mad Pinker?

#FF9899.