Huebook

Tulip Complementary Color Scheme

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

#FF878D
#FFE4E1
#88FFFF
#33FFFF
#E7FEFF

Color names and codes

NameHEXRGBHSLCMYK
Tulip#FF878D255, 135, 141357°, 100%, 76%0, 47, 45, 0
Misty Rose#FFE4E1255, 228, 2256°, 100%, 94%0, 11, 12, 0
Glitter Shower#88FFFF136, 255, 255180°, 100%, 77%47, 0, 0, 0
Beaming Blue#33FFFF51, 255, 255180°, 100%, 60%80, 0, 0, 0
Bubbles#E7FEFF231, 254, 255183°, 100%, 95%9, 0, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF878D on #E7FEFF2.20:1—
Aa #FF878D on #88FFFF1.96:1—
Aa #FF878D on #FFE4E11.92:1—
Aa #FF878D on #33FFFF1.86:1—
Aa #33FFFF on #E7FEFF1.19:1—
Aa #FFE4E1 on #E7FEFF1.15:1—

CSS variables

:root {
  --color-1: #ff878d; /* Tulip */
  --color-2: #ffe4e1; /* Misty Rose */
  --color-3: #88ffff; /* Glitter Shower */
  --color-4: #33ffff; /* Beaming Blue */
  --color-5: #e7feff; /* Bubbles */
}

Other schemes from Tulip

More Light Red complementary palettes

Questions

What colors go with Tulip?

In a complementary scheme: Misty Rose (#FFE4E1), Glitter Shower (#88FFFF), Beaming Blue (#33FFFF), Bubbles (#E7FEFF).

What is the hex code of Tulip?

#FF878D.