King Lizard Complementary Color Scheme
Five colors arranged by the complementary rule around King Lizard (#77DD22), each snapped to its nearest named color.
#77DD22
#BEEB71
#8822DD
#5A1991
#BF77F6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| King Lizard | #77DD22 | 119, 221, 34 | 93°, 73%, 50% | 46, 0, 85, 13 | |
| Pisco Sour | #BEEB71 | 190, 235, 113 | 82°, 75%, 68% | 19, 0, 52, 8 | |
| Purple Protest | #8822DD | 136, 34, 221 | 273°, 73%, 50% | 38, 85, 0, 13 | |
| Banafš Violet | #5A1991 | 90, 25, 145 | 273°, 71%, 33% | 38, 83, 0, 43 | |
| Illicit Purple | #BF77F6 | 191, 119, 246 | 274°, 88%, 72% | 22, 52, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BEEB71 on #5A1991 | 7.72:1 | AAA |
| Aa #77DD22 on #5A1991 | 6.13:1 | AA |
| Aa #BEEB71 on #8822DD | 4.61:1 | AA |
| Aa #77DD22 on #8822DD | 3.66:1 | AA large |
| Aa #5A1991 on #BF77F6 | 3.62:1 | AA large |
| Aa #8822DD on #BF77F6 | 2.16:1 | — |
CSS variables
:root {
--color-1: #77dd22; /* King Lizard */
--color-2: #beeb71; /* Pisco Sour */
--color-3: #8822dd; /* Purple Protest */
--color-4: #5a1991; /* Banafš Violet */
--color-5: #bf77f6; /* Illicit Purple */
}Other schemes from King Lizard
- King Lizard Analogous Color Scheme#DD8822#D7D927#77DD22#24D427#24DA91
- King Lizard Triadic Color Scheme#77DD22#276DD6#D3236F#BEEB71#17569B
- King Lizard Split-complementary Color Scheme#77DD22#243BCD#D725DE#549019#6D68ED
- King Lizard Tetradic Color Scheme#77DD22#22CCCC#8822DD#DC3023#BEEB71
- King Lizard Monochromatic Color Scheme#35530A#549019#77DD22#A9F971#CEE9A0
More Medium Green complementary palettes
- Acid Complementary Color Scheme#00FF22#4CFF7B#EE00DD#BB0099#FF66EE
- Acid Green Complementary Color Scheme#8FFE09#B9FF66#7F01FE#5500BB#B36FF6
- Alarming Slime Complementary Color Scheme#2CE335#7BE892#E03FD8#AA11AA#EE88EE
- Alien Abduction Complementary Color Scheme#0CFF0C#66FF66#FF09FF#BB00BB#FE6FFF
- Alienated Complementary Color Scheme#00CC55#20F986#CC0077#820747#FE28A2
- Aloe Vera Complementary Color Scheme#678779#8EBAA6#985672#673C4C#BA97A9
- Aromatic Herbs Complementary Color Scheme#98C945#BCDF8A#7442C8#472E97#B195E4
- Around the Gills Complementary Color Scheme#A1B670#C6D4AC#8773BB#5A4E8F#BFB9D5
- Artichoke Complementary Color Scheme#8F9779#BCC7A4#786DAA#534778#B2A7CC
- Arugula Complementary Color Scheme#75AD5B#ABCA99#8D5EB7#653D7C#C09DC8
- Asparagus Complementary Color Scheme#77AB56#A3C893#8D5EB7#653D7C#BB9ECD
- Atomic Lime Complementary Color Scheme#B9FF03#CBF85F#4400FF#3300AA#8866FF
Questions
What colors go with King Lizard?
In a complementary scheme: Pisco Sour (#BEEB71), Purple Protest (#8822DD), Banafš Violet (#5A1991), Illicit Purple (#BF77F6).
What is the hex code of King Lizard?
#77DD22.