Hot Jazz Tetradic Color Scheme
Five colors arranged by the tetradic rule around Hot Jazz (#BC3033), each snapped to its nearest named color.
#BC3033
#7BB92B
#30BFBF
#6633BB
#D87678
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot Jazz | #BC3033 | 188, 48, 51 | 359°, 59%, 46% | 0, 74, 73, 26 | |
| Jubilant Meadow | #7BB92B | 123, 185, 43 | 86°, 62%, 45% | 34, 0, 77, 27 | |
| Maximum Blue Green | #30BFBF | 48, 191, 191 | 180°, 60%, 47% | 75, 0, 0, 25 | |
| Purple Emperor | #6633BB | 102, 51, 187 | 263°, 57%, 47% | 45, 73, 0, 27 | |
| Red Cedar | #D87678 | 216, 118, 120 | 359°, 56%, 65% | 0, 45, 44, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #30BFBF on #6633BB | 3.39:1 | AA large |
| Aa #7BB92B on #6633BB | 3.20:1 | AA large |
| Aa #BC3033 on #30BFBF | 2.59:1 | — |
| Aa #6633BB on #D87678 | 2.46:1 | — |
| Aa #BC3033 on #7BB92B | 2.44:1 | — |
| Aa #BC3033 on #D87678 | 1.88:1 | — |
CSS variables
:root {
--color-1: #bc3033; /* Hot Jazz */
--color-2: #7bb92b; /* Jubilant Meadow */
--color-3: #30bfbf; /* Maximum Blue Green */
--color-4: #6633bb; /* Purple Emperor */
--color-5: #d87678; /* Red Cedar */
}Other schemes from Hot Jazz
- Hot Jazz Complementary Color Scheme#BC3033#D87273#30BFBF#217F74#78D8D9
- Hot Jazz Analogous Color Scheme#BB22BB#BB3377#BC3033#BB7431#B4BB31
- Hot Jazz Triadic Color Scheme#BC3033#34B334#2F36BA#D87678#2E7D32
- Hot Jazz Split-complementary Color Scheme#BC3033#35B76D#3778BF#772222#6ADC99
- Hot Jazz Monochromatic Color Scheme#441111#772222#BC3033#D46362#E79EA6
More Medium Red tetradic palettes
- 100 Mph Tetradic Color Scheme#C93F38#7DC734#3DCFC2#9632CE#DA8C87
- Alarm Tetradic Color Scheme#EC0003#73E608#00EEEE#6F00FE#FF5555
- Amaretto Tetradic Color Scheme#AB6F60#71AB62#6299AA#9264A2#CEADA3
- Amore Tetradic Color Scheme#AE2F48#8EAD2C#25AE8E#5930A9#DC6C84
- Anarchist Tetradic Color Scheme#DB304A#99DD33#2DDFC1#7736D9#F08497
- Angry Tomato Tetradic Color Scheme#D82029#88CC22#22CCCC#7722CC#ED7777
- Annatto Tetradic Color Scheme#8C5341#548D44#41788A#784384#BE8774
- Apple Cherry Tetradic Color Scheme#F81404#66FC00#00EBFF#9601F4#FF6E61
- Arcade Fire Tetradic Color Scheme#EE3311#4BEC13#00CCEE#AD0AFD#F18870
- Assassin’s Red Tetradic Color Scheme#F60206#87FD05#01F1F1#7F01FE#FF6163
- Autumn Fire Tetradic Color Scheme#C44E4F#8CC34B#53C2C3#8659C2#DD9999
- Bacon Strips Tetradic Color Scheme#DF3F32#75DE2F#30D5C8#8833DD#EE918D
Questions
What colors go with Hot Jazz?
In a tetradic scheme: Jubilant Meadow (#7BB92B), Maximum Blue Green (#30BFBF), Purple Emperor (#6633BB), Red Cedar (#D87678).
What is the hex code of Hot Jazz?
#BC3033.