Huebook

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

NameHEXRGBHSLCMYK
Lazy Lizard#9C9C4B156, 156, 7560°, 35%, 45%0, 0, 52, 39
Fiddlehead Fern#C8C387200, 195, 13555°, 37%, 66%0, 3, 32, 22
Liberty#514B9881, 75, 152245°, 34%, 45%47, 51, 0, 40
Deep Koamaru#34346752, 52, 103240°, 33%, 30%50, 50, 0, 60
Brocade#8C87C5140, 135, 197245°, 35%, 65%29, 31, 0, 23

Which pairs work for text

Text on backgroundContrastWCAG
Aa #C8C387 on #3434676.33:1AA
Aa #C8C387 on #514B984.13:1AA large
Aa #9C9C4B on #3434673.97:1AA large
Aa #343467 on #8C87C53.48:1AA large
Aa #9C9C4B on #514B982.59:1—
Aa #514B98 on #8C87C52.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

More Medium Yellow complementary palettes

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.