Thunderdome Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Thunderdome (#F6F3A7), each snapped to its nearest named color.
#F6F3A7
#A1D5F1
#CEAEFA
#EEEE66
#EAF4FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Thunderdome | #F6F3A7 | 246, 243, 167 | 58°, 81%, 81% | 0, 1, 32, 4 | |
| Juzcar Blue | #A1D5F1 | 161, 213, 241 | 201°, 74%, 79% | 33, 12, 0, 5 | |
| Teasel Dipsacus | #CEAEFA | 206, 174, 250 | 265°, 88%, 83% | 18, 30, 0, 2 | |
| Crash Dummy | #EEEE66 | 238, 238, 102 | 60°, 80%, 67% | 0, 0, 57, 7 | |
| Moon White | #EAF4FC | 234, 244, 252 | 207°, 75%, 95% | 7, 3, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CEAEFA on #EAF4FC | 1.70:1 | — |
| Aa #F6F3A7 on #CEAEFA | 1.65:1 | — |
| Aa #CEAEFA on #EEEE66 | 1.54:1 | — |
| Aa #A1D5F1 on #EAF4FC | 1.42:1 | — |
| Aa #F6F3A7 on #A1D5F1 | 1.38:1 | — |
| Aa #A1D5F1 on #EEEE66 | 1.28:1 | — |
CSS variables
:root {
--color-1: #f6f3a7; /* Thunderdome */
--color-2: #a1d5f1; /* Juzcar Blue */
--color-3: #ceaefa; /* Teasel Dipsacus */
--color-4: #eeee66; /* Crash Dummy */
--color-5: #eaf4fc; /* Moon White */
}Other schemes from Thunderdome
- Thunderdome Complementary Color Scheme#F6F3A7#FFFBE8#AAAAFF#6666EE#E6E8FA
- Thunderdome Analogous Color Scheme#F9A3AA#F8CDAA#F6F3A7#DEF0A3#B2FBA5
- Thunderdome Triadic Color Scheme#F6F3A7#A1F4F5#F1A7FE#FFFBE8#66EEEE
- Thunderdome Tetradic Color Scheme#F6F3A7#ABF4D2#AAAAFF#EEAACC#FFFBE8
- Thunderdome Monochromatic Color Scheme#F4E216#EEEE66#F6F3A7#FFFBE8#FFFBE8
More Very Light Yellow split-complementary palettes
- Au Clair de la Lune Split-complementary Color Scheme#F4F2E2#E2ECF2#EFE2F2#DED6AC#ECF3F9
- Banan-Appeal Split-complementary Color Scheme#FAF3A6#A7D7FF#CEA2FD#FBEC5E#E8F5FC
- Banana Cream Split-complementary Color Scheme#FFF49C#99DBFE#CC99FF#FBEB50#E8F5FC
- Banana Milk Split-complementary Color Scheme#FFF7AD#AADDFF#CCAAFF#FEF263#E8F5FC
- Banana Split Split-complementary Color Scheme#F7EEC8#C5E6F7#D0C7FF#EED786#E8F5FC
- Blanc Cassé Split-complementary Color Scheme#F1EEE2#E2ECF2#E5E3EF#DBCEAC#F0F4F8
- Blanco Split-complementary Color Scheme#EBEAE5#E1E9EF#E5E3EF#D1CCB0#EEF2F3
- Bleached Sunflower Split-complementary Color Scheme#FBE8A8#A4E4FC#B5AFFF#F8D75A#E8F7FD
- Blond Split-complementary Color Scheme#FAF0BE#B8E4F5#CCBBFF#F7E077#E8F7FD
- Bollywood Gold Split-complementary Color Scheme#FFFBAB#A7D7FF#CCAAFF#FCF75E#E8F5FC
- Bullet Hell Split-complementary Color Scheme#FAF1C8#C5E6F7#DFC5FE#F5DE85#E8F7FD
- Butter Honey Split-complementary Color Scheme#F5E5AB#B0E0F6#C2B2F0#EACE6A#E8F7FD
Questions
What colors go with Thunderdome?
In a split-complementary scheme: Juzcar Blue (#A1D5F1), Teasel Dipsacus (#CEAEFA), Crash Dummy (#EEEE66), Moon White (#EAF4FC).
What is the hex code of Thunderdome?
#F6F3A7.