Lazy Lizard Complementary Color Scheme
Five colors arranged by the complementary rule around Lazy Lizard (#9C9C4B), each snapped to its nearest named color.
#9C9C4B
#C8C387
#514B98
#343467
#8C87C5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lazy Lizard | #9C9C4B | 156, 156, 75 | 60°, 35%, 45% | 0, 0, 52, 39 | |
| Fiddlehead Fern | #C8C387 | 200, 195, 135 | 55°, 37%, 66% | 0, 3, 32, 22 | |
| Liberty | #514B98 | 81, 75, 152 | 245°, 34%, 45% | 47, 51, 0, 40 | |
| Deep Koamaru | #343467 | 52, 52, 103 | 240°, 33%, 30% | 50, 50, 0, 60 | |
| Brocade | #8C87C5 | 140, 135, 197 | 245°, 35%, 65% | 29, 31, 0, 23 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C8C387 on #343467 | 6.33:1 | AA |
| Aa #C8C387 on #514B98 | 4.13:1 | AA large |
| Aa #9C9C4B on #343467 | 3.97:1 | AA large |
| Aa #343467 on #8C87C5 | 3.48:1 | AA large |
| Aa #9C9C4B on #514B98 | 2.59:1 | — |
| Aa #514B98 on #8C87C5 | 2.27:1 | — |
CSS variables
:root {
--color-1: #9c9c4b; /* Lazy Lizard */
--color-2: #c8c387; /* Fiddlehead Fern */
--color-3: #514b98; /* Liberty */
--color-4: #343467; /* Deep Koamaru */
--color-5: #8c87c5; /* Brocade */
}Other schemes from Lazy Lizard
- Lazy Lizard Analogous Color Scheme#99484A#9A724A#9C9C4B#789B4A#469F4E
- Lazy Lizard Triadic Color Scheme#9C9C4B#499C9D#9B4D93#C8C387#316C69
- Lazy Lizard Split-complementary Color Scheme#9C9C4B#49759C#734F96#6C6D2F#7799BB
- Lazy Lizard Tetradic Color Scheme#9C9C4B#4C9C77#514B98#96496D#C8C387
- Lazy Lizard Monochromatic Color Scheme#3B331C#6C6D2F#9C9C4B#BABC72#D8D8A9
More Medium Yellow complementary palettes
- A Frond in Need Complementary Color Scheme#9F9978#C8C5A7#6B7BA7#4D517F#ACB1D4
- Amazon Queen Complementary Color Scheme#948F54#BBB98A#575B93#353E64#9291BC
- Angel’s Trumpet Complementary Color Scheme#F6DD34#FBE98E#3844F4#0022CC#99AAFF
- Antique Complementary Color Scheme#8B846D#BEB394#5A6E9C#414969#9EA5C3
- Backroom Ember Complementary Color Scheme#A19250#C6B788#5959AB#384172#8E97C7
- Bamboo Forest Complementary Color Scheme#B1A979#D4CFB2#7A85AF#51588E#B7BDD6
- Banana Bandanna Complementary Color Scheme#F8F739#FDFD96#3A2EFE#0011DD#9999FF
- Banana Bombshell Complementary Color Scheme#F7E82E#FFEE88#3A2EFE#0011CC#8F99FB
- Banana Brick Complementary Color Scheme#E8D82C#F2E47D#273BE2#0022BB#8B88F8
- Banana Flash Complementary Color Scheme#EEFE02#FAFC5D#1600FC#1100AA#6666FF
- Banana King Complementary Color Scheme#FFFB08#FEFE66#0011FF#0000BB#7777FF
- Banana Pepper Complementary Color Scheme#FDD630#FFE989#265EF7#0033DD#99AAFF
Questions
What colors go with Lazy Lizard?
In a complementary scheme: Fiddlehead Fern (#C8C387), Liberty (#514B98), Deep Koamaru (#343467), Brocade (#8C87C5).
What is the hex code of Lazy Lizard?
#9C9C4B.