Huebook

Dangerous Robot Complementary Color Scheme

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

#CBC5C6
#F5F0F1
#BCD8D2
#89BAB2
#F0F4F2

Color names and codes

NameHEXRGBHSLCMYK
Dangerous Robot#CBC5C6203, 197, 198350°, 5%, 78%0, 3, 2, 20
Plastic Clouds#F5F0F1245, 240, 241348°, 20%, 95%0, 2, 2, 4
High Point#BCD8D2188, 216, 210167°, 26%, 79%13, 0, 3, 15
Morning Green#89BAB2137, 186, 178170°, 26%, 63%26, 0, 4, 27
Bakery Box#F0F4F2240, 244, 242150°, 15%, 95%2, 0, 1, 4

Which pairs work for text

Text on backgroundContrastWCAG
Aa #89BAB2 on #F0F4F21.95:1—
Aa #F5F0F1 on #89BAB21.91:1—
Aa #CBC5C6 on #F0F4F21.53:1—
Aa #CBC5C6 on #F5F0F11.51:1—
Aa #BCD8D2 on #89BAB21.43:1—
Aa #BCD8D2 on #F0F4F21.36:1—

CSS variables

:root {
  --color-1: #cbc5c6; /* Dangerous Robot */
  --color-2: #f5f0f1; /* Plastic Clouds */
  --color-3: #bcd8d2; /* High Point */
  --color-4: #89bab2; /* Morning Green */
  --color-5: #f0f4f2; /* Bakery Box */
}

Other schemes from Dangerous Robot

More Light Gray complementary palettes

Questions

What colors go with Dangerous Robot?

In a complementary scheme: Plastic Clouds (#F5F0F1), High Point (#BCD8D2), Morning Green (#89BAB2), Bakery Box (#F0F4F2).

What is the hex code of Dangerous Robot?

#CBC5C6.