Pink Hysteria Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pink Hysteria (#FE01B1), each snapped to its nearest named color.
#FE01B1
#33FF00
#00FFCC
#AA0077
#66FF55
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pink Hysteria | #FE01B1 | 254, 1, 177 | 318°, 99%, 50% | 0, 100, 30, 0 | 66.1% 0.278 348 | |
| Signal Green | #33FF00 | 51, 255, 0 | 108°, 100%, 50% | 80, 0, 100, 0 | 87.0% 0.290 142 | |
| Plunge Pool | #00FFCC | 0, 255, 204 | 168°, 100%, 50% | 100, 0, 20, 0 | 89.0% 0.174 171 | |
| Katy Berry | #AA0077 | 170, 0, 119 | 318°, 100%, 33% | 0, 100, 30, 33 | 49.0% 0.207 347 | |
| Biopunk | #66FF55 | 102, 255, 85 | 114°, 100%, 67% | 60, 0, 67, 0 | 88.5% 0.246 142 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #00FFCC on #AA0077 | 5.44:1 | AA |
| Aa #AA0077 on #66FF55 | 5.38:1 | AA |
| Aa #33FF00 on #AA0077 | 5.19:1 | AA |
| Aa #FE01B1 on #00FFCC | 2.76:1 | — |
| Aa #FE01B1 on #66FF55 | 2.73:1 | — |
| Aa #FE01B1 on #33FF00 | 2.64:1 | — |
CSS variables
:root {
--color-1: #fe01b1; /* Pink Hysteria */
--color-2: #33ff00; /* Signal Green */
--color-3: #00ffcc; /* Plunge Pool */
--color-4: #aa0077; /* Katy Berry */
--color-5: #66ff55; /* Biopunk */
}Other schemes from Pink Hysteria
- Pink Hysteria Complementary Color Scheme#FE01B1#FF5CCD#00FF55#00AA33#64E986
- Pink Hysteria Analogous Color Scheme#5500FF#CD00FE#FE01B1#FF0033#FF4E01
- Pink Hysteria Triadic Color Scheme#FE01B1#AAFF00#01ABFD#FF66CC#78AC01
- Pink Hysteria Tetradic Color Scheme#FE01B1#FECD01#00FF55#0033FF#FF66CC
- Pink Hysteria Monochromatic Color Scheme#770044#AA0077#FE01B1#FF48D0#FF99EE
More medium pink split-complementary color schemes
- Akari Red Split-complementary Color Scheme#C90B42#00CC33#14A3C7#800030#2DFE54
- Amor Split-complementary Color Scheme#EE3377#2DFE54#22DDEE#C30B4E#7BE892
- Amora Purple Split-complementary Color Scheme#BB22AA#55BB33#2BB179#751973#88DD55
- Anger Split-complementary Color Scheme#DD0055#0ADD08#00C5CD#8F003A#2DFE54
- Aphroditean Fuchsia Split-complementary Color Scheme#DD14AB#54D905#11DDAA#991177#70F15E
- Awkward Purple Split-complementary Color Scheme#D208CC#66CC00#06D078#880085#87FF2A
- Barbara Split-complementary Color Scheme#FF0FF3#7FFF00#00FA92#CC11BB#AAFF55
- Bat’s Blood Soup Split-complementary Color Scheme#EE3366#2DFE54#37C4FA#C01141#7BE892
- Beet Wave Split-complementary Color Scheme#D4265D#31D652#2DB0CE#871646#64EB65
- Beetroot Purple Split-complementary Color Scheme#D33376#31D652#22C1D5#972B51#64EB65
- Benevolent Pink Split-complementary Color Scheme#DD1188#22DD00#00DDCC#9D0759#4EFD54
- Bermuda Onion Split-complementary Color Scheme#9D5A8F#6A9D5D#599C89#673B66#99BB88
Questions
What colors go with Pink Hysteria?
In a split-complementary scheme: Signal Green (#33FF00), Plunge Pool (#00FFCC), Katy Berry (#AA0077), Biopunk (#66FF55).
What is the hex code of Pink Hysteria?
#FE01B1.