Huebook

Lobster Complementary Color Scheme

Five colors arranged by the complementary rule around Lobster (#BB240C), each snapped to its nearest named color.

#BB240C
#EB5030
#00A1B9
#096872
#22DDEE

Color names and codes

NameHEXRGBHSLCMYK
Lobster#BB240C187, 36, 128°, 88%, 39%0, 81, 94, 27
Burning Tomato#EB5030235, 80, 4810°, 82%, 55%0, 66, 80, 8
January Blue#00A1B90, 161, 185188°, 100%, 36%100, 13, 0, 27
Kingfisher Bright#0968729, 104, 114186°, 85%, 24%92, 9, 0, 55
Cold Heights#22DDEE34, 221, 238185°, 86%, 53%86, 7, 0, 7

Which pairs work for text

Text on backgroundContrastWCAG
Aa #096872 on #22DDEE3.91:1AA large
Aa #BB240C on #22DDEE3.75:1AA large
Aa #EB5030 on #22DDEE2.21:1—
Aa #00A1B9 on #0968722.10:1—
Aa #BB240C on #00A1B92.02:1—
Aa #00A1B9 on #22DDEE1.86:1—

CSS variables

:root {
  --color-1: #bb240c; /* Lobster */
  --color-2: #eb5030; /* Burning Tomato */
  --color-3: #00a1b9; /* January Blue */
  --color-4: #096872; /* Kingfisher Bright */
  --color-5: #22ddee; /* Cold Heights */
}

Other schemes from Lobster

More Dark Red complementary palettes

Questions

What colors go with Lobster?

In a complementary scheme: Burning Tomato (#EB5030), January Blue (#00A1B9), Kingfisher Bright (#096872), Cold Heights (#22DDEE).

What is the hex code of Lobster?

#BB240C.