Crash Dummy Complementary Color Scheme
Five colors arranged by the complementary rule around Crash Dummy (#EEEE66), each snapped to its nearest named color.
#EEEE66
#F7F3BD
#6666EE
#273BE2
#C1C6FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Crash Dummy | #EEEE66 | 238, 238, 102 | 60°, 80%, 67% | 0, 0, 57, 7 | |
| Turkish Ginger | #F7F3BD | 247, 243, 189 | 56°, 78%, 85% | 0, 2, 23, 3 | |
| Blue Hepatica | #6666EE | 102, 102, 238 | 240°, 80%, 67% | 57, 57, 0, 7 | |
| Palatinate Blue | #273BE2 | 39, 59, 226 | 234°, 76%, 52% | 83, 74, 0, 11 | |
| Light Periwinkle | #C1C6FC | 193, 198, 252 | 235°, 91%, 87% | 23, 21, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F7F3BD on #273BE2 | 6.59:1 | AA |
| Aa #EEEE66 on #273BE2 | 6.07:1 | AA |
| Aa #273BE2 on #C1C6FC | 4.54:1 | AA |
| Aa #F7F3BD on #6666EE | 3.94:1 | AA large |
| Aa #EEEE66 on #6666EE | 3.63:1 | AA large |
| Aa #6666EE on #C1C6FC | 2.71:1 | — |
CSS variables
:root {
--color-1: #eeee66; /* Crash Dummy */
--color-2: #f7f3bd; /* Turkish Ginger */
--color-3: #6666ee; /* Blue Hepatica */
--color-4: #273be2; /* Palatinate Blue */
--color-5: #c1c6fc; /* Light Periwinkle */
}Other schemes from Crash Dummy
- Crash Dummy Analogous Color Scheme#EE6666#EEAA66#EEEE66#BEEF69#64EB65
- Crash Dummy Triadic Color Scheme#EEEE66#66EEEE#EE66EE#FAF5C3#22EEFF
- Crash Dummy Split-complementary Color Scheme#EEEE66#66B2E4#B36FF6#E9E424#ABCDEF
- Crash Dummy Tetradic Color Scheme#EEEE66#66EEAA#6666EE#EE66AA#FAF5C3
- Crash Dummy Monochromatic Color Scheme#A2A415#E9E424#EEEE66#F8F6A8#FFFBE8
More Light Yellow complementary palettes
- Alligator Alley Complementary Color Scheme#C5D17B#E6E6BC#8878C3#5946B2#CEC8EF
- Ancient Treasure Complementary Color Scheme#E7D082#F7EECF#8F8CE7#4B62D2#DBDBF7
- Animal Kingdom Complementary Color Scheme#BCC09E#E4E4D5#A09BC6#776EA2#DCDDE7
- Anna Banana Complementary Color Scheme#F5D547#FCE99F#4166F5#0033EE#A2BFFE
- April Showers Complementary Color Scheme#DADEB5#F6F7ED#B3B4DD#8980C1#EBECF5
- Ash Complementary Color Scheme#BEBAA7#E8E5D8#9EA5C3#6B7BA7#DEE1ED
- Aurora Complementary Color Scheme#EBD147#F1E798#4466EE#0033CC#A3B1F2
- Banana Complementary Color Scheme#FFFC79#FFFFD4#7777FF#3A2EFE#D6EAFC
- Banana Drama Complementary Color Scheme#F1D548#F8EC9E#4466EE#0033DD#A3B1F2
- Banana Frappé Complementary Color Scheme#DDD5B6#F7F5ED#B8BFDC#8491C3#EDF2F8
- Beekeeper Complementary Color Scheme#F6E491#FFF9E7#9BA0EF#4466EE#E8EEFE
- Beige Complementary Color Scheme#E6DAA6#FAF7EB#ACACE6#7777CC#E8EFF8
Questions
What colors go with Crash Dummy?
In a complementary scheme: Turkish Ginger (#F7F3BD), Blue Hepatica (#6666EE), Palatinate Blue (#273BE2), Light Periwinkle (#C1C6FC).
What is the hex code of Crash Dummy?
#EEEE66.