Shocking Rose Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Shocking Rose (#FF006A), each snapped to its nearest named color.
#FF006A
#00FF11
#00EBFF
#B00149
#53FE5C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Shocking Rose | #FF006A | 255, 0, 106 | 335°, 100%, 50% | 0, 100, 58, 0 | |
| So Sour | #00FF11 | 0, 255, 17 | 124°, 100%, 50% | 100, 0, 93, 0 | |
| Whimsical Blue | #00EBFF | 0, 235, 255 | 185°, 100%, 50% | 100, 8, 0, 0 | |
| Raspberry | #B00149 | 176, 1, 73 | 335°, 99%, 35% | 0, 99, 59, 31 | |
| Green Katamari | #53FE5C | 83, 254, 92 | 123°, 99%, 66% | 67, 0, 64, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B00149 on #53FE5C | 5.33:1 | AA |
| Aa #00FF11 on #B00149 | 5.20:1 | AA |
| Aa #00EBFF on #B00149 | 4.86:1 | AA |
| Aa #FF006A on #53FE5C | 2.88:1 | — |
| Aa #FF006A on #00FF11 | 2.80:1 | — |
| Aa #FF006A on #00EBFF | 2.62:1 | — |
CSS variables
:root {
--color-1: #ff006a; /* Shocking Rose */
--color-2: #00ff11; /* So Sour */
--color-3: #00ebff; /* Whimsical Blue */
--color-4: #b00149; /* Raspberry */
--color-5: #53fe5c; /* Green Katamari */
}Other schemes from Shocking Rose
- Shocking Rose Complementary Color Scheme#FF006A#FF55A3#00FF99#00AB66#6BFFB3
- Shocking Rose Analogous Color Scheme#9500FF#FF08E8#FF006A#FF1500#FF9500
- Shocking Rose Triadic Color Scheme#FF006A#66FF00#0066FF#FF69AF#44AA00
- Shocking Rose Tetradic Color Scheme#FF006A#EEFF00#00FF99#1600FC#FF69AF
- Shocking Rose Monochromatic Color Scheme#640125#B00149#FF006A#FF5599#FF99CC
More Medium Pink split-complementary palettes
- 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 Shocking Rose?
In a split-complementary scheme: So Sour (#00FF11), Whimsical Blue (#00EBFF), Raspberry (#B00149), Green Katamari (#53FE5C).
What is the hex code of Shocking Rose?
#FF006A.