Kermit Green Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Kermit Green (#5CB200), each snapped to its nearest named color.
#5CB200
#0000AA
#B300B3
#376D03
#0000FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Kermit Green | #5CB200 | 92, 178, 0 | 89°, 100%, 35% | 48, 0, 100, 30 | |
| Bohemian Blue | #0000AA | 0, 0, 170 | 240°, 100%, 33% | 100, 100, 0, 33 | |
| Energic Eggplant | #B300B3 | 179, 0, 179 | 300°, 100%, 35% | 0, 100, 0, 30 | |
| Tatzelwurm Green | #376D03 | 55, 109, 3 | 91°, 95%, 22% | 50, 0, 97, 57 | |
| Blue | #0000FF | 0, 0, 255 | 240°, 100%, 50% | 100, 100, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5CB200 on #0000AA | 4.95:1 | AA |
| Aa #5CB200 on #0000FF | 3.20:1 | AA large |
| Aa #5CB200 on #376D03 | 2.33:1 | — |
| Aa #0000AA on #B300B3 | 2.26:1 | — |
| Aa #5CB200 on #B300B3 | 2.19:1 | — |
| Aa #0000AA on #376D03 | 2.12:1 | — |
CSS variables
:root {
--color-1: #5cb200; /* Kermit Green */
--color-2: #0000aa; /* Bohemian Blue */
--color-3: #b300b3; /* Energic Eggplant */
--color-4: #376d03; /* Tatzelwurm Green */
--color-5: #0000ff; /* Blue */
}Other schemes from Kermit Green
- Kermit Green Complementary Color Scheme#5CB200#88FF11#5500AA#330066#8811FF
- Kermit Green Analogous Color Scheme#AA5500#AAAA00#5CB200#00B800#00AA55
- Kermit Green Triadic Color Scheme#5CB200#095BAF#AA0055#88FF11#003366
- Kermit Green Tetradic Color Scheme#5CB200#01B1AF#5500AA#B30103#88FF11
- Kermit Green Monochromatic Color Scheme#0F180A#376D03#5CB200#88FF00#A6FD44
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 Kermit Green?
In a split-complementary scheme: Bohemian Blue (#0000AA), Energic Eggplant (#B300B3), Tatzelwurm Green (#376D03), Blue (#0000FF).
What is the hex code of Kermit Green?
#5CB200.