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
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dangerous Robot | #CBC5C6 | 203, 197, 198 | 350°, 5%, 78% | 0, 3, 2, 20 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 | |
| High Point | #BCD8D2 | 188, 216, 210 | 167°, 26%, 79% | 13, 0, 3, 15 | |
| Morning Green | #89BAB2 | 137, 186, 178 | 170°, 26%, 63% | 26, 0, 4, 27 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #89BAB2 on #F0F4F2 | 1.95:1 | — |
| Aa #F5F0F1 on #89BAB2 | 1.91:1 | — |
| Aa #CBC5C6 on #F0F4F2 | 1.53:1 | — |
| Aa #CBC5C6 on #F5F0F1 | 1.51:1 | — |
| Aa #BCD8D2 on #89BAB2 | 1.43:1 | — |
| Aa #BCD8D2 on #F0F4F2 | 1.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
- Dangerous Robot Analogous Color Scheme#CFBBD8#D7B9CB#CBC5C6#D6C3B9#D9D1BA
- Dangerous Robot Triadic Color Scheme#CBC5C6#BBD9BC#B7BDD6#F5F0F1#8DBC8A
- Dangerous Robot Split-complementary Color Scheme#CBC5C6#BBD9C3#BBCFD4#BC8A90#EAF2ED
- Dangerous Robot Tetradic Color Scheme#CBC5C6#CCD6BC#BCD8D2#C4BBD6#F5F0F1
- Dangerous Robot Monochromatic Color Scheme#867578#A99D9D#CBC5C6#EFECEE#F3F3F2
More Light Gray complementary palettes
- Alpine Air Complementary Color Scheme#A9B4A9#D6E4D4#C09DC8#A66DA1#E7D8EA
- Argento Complementary Color Scheme#CECAC3#F6F4EF#BBC6D6#899BB8#EEF2F3
- Brume Complementary Color Scheme#C6C6C2#F6F4EF#B2B7D1#8881B0#EBF1F5
- Casper Complementary Color Scheme#AAB5B8#D6E3E7#C4A89E#AA7971#EAE1DD
- Cathedral Complementary Color Scheme#ACAAA7#E1DACE#91A7BC#617BA6#D3DBE7
- Cortex Complementary Color Scheme#A99592#D8C1BE#84AEBA#558F93#C5D9DB
- Crown of Ash Complementary Color Scheme#A1A9A9#C6DEDF#BC8E8F#9B5B55#E6CFCE
- Dark Ages Complementary Color Scheme#9698A3#BEC2DA#B4AC84#978C59#DBD7C4
- Dim Complementary Color Scheme#C8C2BE#F4F0EC#B5C7D2#83A0B4#EEF2F3
- Dove Complementary Color Scheme#B3ADA7#E4DAD3#96AEC5#6586A5#D7E0E7
- Dusky Mood Complementary Color Scheme#979BA8#C2C7DB#B7AC87#978C59#DDD8C6
- Dust to Dust Complementary Color Scheme#BBBCBC#E4F0EF#CBACAB#AF797E#F3EBEA
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.