Frogger Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Frogger (#8CD612), each snapped to its nearest named color.
#8CD612
#1F22D2
#BB00DD
#5C8B15
#4455EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Frogger | #8CD612 | 140, 214, 18 | 83°, 84%, 45% | 35, 0, 92, 16 | |
| Lapis on Neptune | #1F22D2 | 31, 34, 210 | 239°, 74%, 47% | 85, 84, 0, 18 | |
| Capricious Purple | #BB00DD | 187, 0, 221 | 291°, 100%, 43% | 15, 100, 0, 13 | |
| Sap Green | #5C8B15 | 92, 139, 21 | 84°, 74%, 31% | 34, 0, 85, 45 | |
| Qing Dynasty Dragon | #4455EE | 68, 85, 238 | 234°, 83%, 60% | 71, 64, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8CD612 on #1F22D2 | 5.29:1 | AA |
| Aa #8CD612 on #4455EE | 3.11:1 | AA large |
| Aa #8CD612 on #BB00DD | 2.82:1 | — |
| Aa #1F22D2 on #5C8B15 | 2.33:1 | — |
| Aa #8CD612 on #5C8B15 | 2.28:1 | — |
| Aa #1F22D2 on #BB00DD | 1.87:1 | — |
CSS variables
:root {
--color-1: #8cd612; /* Frogger */
--color-2: #1f22d2; /* Lapis on Neptune */
--color-3: #bb00dd; /* Capricious Purple */
--color-4: #5c8b15; /* Sap Green */
--color-5: #4455ee; /* Qing Dynasty Dragon */
}Other schemes from Frogger
- Frogger Complementary Color Scheme#8CD612#B2EC5D#5511DD#391285#955AF2
- Frogger Analogous Color Scheme#D15915#DDBB11#8CD612#22CC11#11DD55
- Frogger Triadic Color Scheme#8CD612#1188CC#DD1188#B2EC5D#035B8D
- Frogger Tetradic Color Scheme#8CD612#11CCBB#5511DD#CE1127#B2EC5D
- Frogger Monochromatic Color Scheme#334400#5C8B15#8CD612#A7E142#C0FA8B
More Medium Green split-complementary palettes
- Acid Split-complementary Color Scheme#00FF22#AA00FF#FF005D#00BB11#AA55FF
- Acid Green Split-complementary Color Scheme#8FFE09#0011FF#FF09FF#66BB00#5555FF
- Alarming Slime Split-complementary Color Scheme#2CE335#8A2BE2#E42B73#15B01A#B36FF6
- Alien Abduction Split-complementary Color Scheme#0CFF0C#8811FF#FF0789#00BB00#AA55FF
- Alienated Split-complementary Color Scheme#00CC55#AA00CC#CC0011#008833#FF11FF
- Aloe Vera Split-complementary Color Scheme#678779#98568D#935A59#3E6655#BA86B5
- Aromatic Herbs Split-complementary Color Scheme#98C945#4455CC#BB44CC#6D8E2C#8A83DA
- Around the Gills Split-complementary Color Scheme#A1B670#6A7FB4#A66FB5#78944A#A2ADD0
- Artichoke Split-complementary Color Scheme#8F9779#6B7BA7#9569A3#6E7C45#9EA5C3
- Arugula Split-complementary Color Scheme#75AD5B#6A5BB1#AD5E99#4C793C#9A8EC1
- Asparagus Split-complementary Color Scheme#77AB56#5959AB#AA55AA#547839#8C87C5
- Atomic Lime Split-complementary Color Scheme#B9FF03#003AFF#CC00FF#84B701#4E7FFF
Questions
What colors go with Frogger?
In a split-complementary scheme: Lapis on Neptune (#1F22D2), Capricious Purple (#BB00DD), Sap Green (#5C8B15), Qing Dynasty Dragon (#4455EE).
What is the hex code of Frogger?
#8CD612.