Frog Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Frog (#58BC08), each snapped to its nearest named color.
#58BC08
#0000BC
#B300B3
#337700
#3311EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Frog | #58BC08 | 88, 188, 8 | 93°, 92%, 38% | 53, 0, 96, 26 | |
| Keese Blue | #0000BC | 0, 0, 188 | 240°, 100%, 37% | 100, 100, 0, 26 | |
| Energic Eggplant | #B300B3 | 179, 0, 179 | 300°, 100%, 35% | 0, 100, 0, 30 | |
| Gardens Sericourt | #337700 | 51, 119, 0 | 94°, 100%, 23% | 57, 0, 100, 53 | |
| Delft Blue | #3311EE | 51, 17, 238 | 249°, 87%, 50% | 79, 93, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #58BC08 on #0000BC | 4.99:1 | AA |
| Aa #58BC08 on #3311EE | 3.51:1 | AA large |
| Aa #58BC08 on #B300B3 | 2.41:1 | — |
| Aa #58BC08 on #337700 | 2.28:1 | — |
| Aa #0000BC on #337700 | 2.19:1 | — |
| Aa #0000BC on #B300B3 | 2.07:1 | — |
CSS variables
:root {
--color-1: #58bc08; /* Frog */
--color-2: #0000bc; /* Keese Blue */
--color-3: #b300b3; /* Energic Eggplant */
--color-4: #337700; /* Gardens Sericourt */
--color-5: #3311ee; /* Delft Blue */
}Other schemes from Frog
- Frog Complementary Color Scheme#58BC08#87FF2A#6611AA#4B006E#AA33EE
- Frog Analogous Color Scheme#B96902#ABBC01#58BC08#00BB11#00BB66
- Frog Triadic Color Scheme#58BC08#0055BB#BB1155#87FF2A#053976
- Frog Tetradic Color Scheme#58BC08#01B2BD#6611AA#BA160C#87FF2A
- Frog Monochromatic Color Scheme#172808#337700#58BC08#7FF217#AEFD6C
More Dark Green split-complementary palettes
- Always Greener Grass Split-complementary Color Scheme#11AA00#5500AA#AA0066#005800#6600FF
- Amazon Split-complementary Color Scheme#387B54#6C3877#7C383D#224634#AA55AA
- Asian Spice Split-complementary Color Scheme#118822#5A1991#820E3B#06470C#9B1DCD
- Asparagus Sultan Split-complementary Color Scheme#6A8E22#253A91#772299#35530A#214FC6
- Autumn Crocodile Split-complementary Color Scheme#447744#5B4276#75495E#264334#9264A2
- Avocado Split-complementary Color Scheme#568203#001188#660088#223300#0022CC
- Bejewelled Split-complementary Color Scheme#25A26F#BB2299#A43323#136843#DF4EC8
- Bergamot Split-complementary Color Scheme#95C703#0033CC#9F00C5#447700#1155FF
- Beyond the Pines Split-complementary Color Scheme#688049#484A80#754A80#434C28#6C70A9
- Bimi Green Split-complementary Color Scheme#54682B#2C3A64#5B3167#223311#445599
- Bold Irish Split-complementary Color Scheme#2A814D#733380#842833#17462E#B13AAD
- Botanical Split-complementary Color Scheme#4D6E2F#292D74#69326E#223311#4A40AD
Questions
What colors go with Frog?
In a split-complementary scheme: Keese Blue (#0000BC), Energic Eggplant (#B300B3), Gardens Sericourt (#337700), Delft Blue (#3311EE).
What is the hex code of Frog?
#58BC08.