Huebook

Signal Green Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Signal Green (#33FF00), each snapped to its nearest named color.

#33FF00
#4400FF
#FE01B1
#22BB00
#8855FF

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Signal Green#33FF0051, 255, 0108°, 100%, 50%80, 0, 100, 087.0% 0.290 142
Overdue Blue#4400FF68, 0, 255256°, 100%, 50%73, 100, 0, 047.6% 0.300 275
Pink Hysteria#FE01B1254, 1, 177318°, 99%, 50%0, 100, 30, 066.1% 0.278 348
Soccer Turf#22BB0034, 187, 0109°, 100%, 37%82, 0, 100, 2768.9% 0.229 142
Purple Honeycreeper#8855FF136, 85, 255258°, 100%, 67%47, 67, 0, 060.0% 0.238 291

Which pairs work for text

Text on backgroundContrastWCAG
Aa #33FF00 on #4400FF5.74:1AA
Aa #33FF00 on #8855FF3.22:1AA large
Aa #4400FF on #22BB003.04:1AA large
Aa #33FF00 on #FE01B12.64:1—
Aa #4400FF on #FE01B12.18:1—
Aa #33FF00 on #22BB001.89:1—

CSS variables

:root {
  --color-1: #33ff00; /* Signal Green */
  --color-2: #4400ff; /* Overdue Blue */
  --color-3: #fe01b1; /* Pink Hysteria */
  --color-4: #22bb00; /* Soccer Turf */
  --color-5: #8855ff; /* Purple Honeycreeper */
}

Other schemes from Signal Green

More medium green split-complementary color schemes

Questions

What colors go with Signal Green?

In a split-complementary scheme: Overdue Blue (#4400FF), Pink Hysteria (#FE01B1), Soccer Turf (#22BB00), Purple Honeycreeper (#8855FF).

What is the hex code of Signal Green?

#33FF00.