Huebook

Danger Complementary Color Scheme

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

#FF0E0E
#FF6666
#11FFFF
#0AC2C2
#73FDFF

Color names and codes

NameHEXRGBHSLCMYK
Danger#FF0E0E255, 14, 140°, 100%, 53%0, 95, 95, 0
Pompelmo#FF6666255, 102, 1020°, 100%, 70%0, 60, 60, 0
Looney Blue#11FFFF17, 255, 255180°, 100%, 53%93, 0, 0, 0
Cala Benirrás Blue#0AC2C210, 194, 194180°, 90%, 40%95, 0, 0, 24
Ancient Ice#73FDFF115, 253, 255181°, 100%, 73%55, 1, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF0E0E on #73FDFF3.24:1AA large
Aa #FF0E0E on #11FFFF3.15:1AA large
Aa #FF6666 on #73FDFF2.35:1—
Aa #FF6666 on #11FFFF2.28:1—
Aa #0AC2C2 on #73FDFF1.81:1—
Aa #FF0E0E on #0AC2C21.79:1—

CSS variables

:root {
  --color-1: #ff0e0e; /* Danger */
  --color-2: #ff6666; /* Pompelmo */
  --color-3: #11ffff; /* Looney Blue */
  --color-4: #0ac2c2; /* Cala Benirrás Blue */
  --color-5: #73fdff; /* Ancient Ice */
}

Other schemes from Danger

More Medium Red complementary palettes

Questions

What colors go with Danger?

In a complementary scheme: Pompelmo (#FF6666), Looney Blue (#11FFFF), Cala Benirrás Blue (#0AC2C2), Ancient Ice (#73FDFF).

What is the hex code of Danger?

#FF0E0E.