Hot Shot Triadic Color Scheme
Five colors arranged by the triadic rule around Hot Shot (#EC4F28), each snapped to its nearest named color.
#EC4F28
#2DFE54
#4422EE
#F29B89
#11BB33
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot Shot | #EC4F28 | 236, 79, 40 | 12°, 84%, 54% | 0, 67, 83, 7 | |
| Bright Light Green | #2DFE54 | 45, 254, 84 | 131°, 99%, 59% | 82, 0, 67, 0 | |
| Violet Glow | #4422EE | 68, 34, 238 | 250°, 86%, 53% | 71, 86, 0, 7 | |
| Rose Essence | #F29B89 | 242, 155, 137 | 10°, 80%, 74% | 0, 36, 43, 5 | |
| Green Goblin | #11BB33 | 17, 187, 51 | 132°, 83%, 40% | 91, 0, 73, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2DFE54 on #4422EE | 5.69:1 | AA |
| Aa #4422EE on #F29B89 | 3.63:1 | AA large |
| Aa #4422EE on #11BB33 | 3.02:1 | AA large |
| Aa #EC4F28 on #2DFE54 | 2.70:1 | — |
| Aa #EC4F28 on #4422EE | 2.11:1 | — |
| Aa #2DFE54 on #11BB33 | 1.88:1 | — |
CSS variables
:root {
--color-1: #ec4f28; /* Hot Shot */
--color-2: #2dfe54; /* Bright Light Green */
--color-3: #4422ee; /* Violet Glow */
--color-4: #f29b89; /* Rose Essence */
--color-5: #11bb33; /* Green Goblin */
}Other schemes from Hot Shot
- Hot Shot Complementary Color Scheme#EC4F28#F49476#37C4FA#1199BB#88DDEE
- Hot Shot Analogous Color Scheme#EA27C2#EE2266#EC4F28#E8B523#C9E423
- Hot Shot Split-complementary Color Scheme#EC4F28#2EE8BB#2B62F4#B53111#7EF4CC
- Hot Shot Tetradic Color Scheme#EC4F28#68E52F#37C4FA#AA33EE#F29B89
- Hot Shot Monochromatic Color Scheme#701C11#B53111#EC4F28#F18870#F8C4B4
More Medium Red triadic palettes
- 100 Mph Triadic Color Scheme#C93F38#32CD32#243BCD#DA8C87#318F33
- Alarm Triadic Color Scheme#EC0003#00EE00#0000EE#FF5555#00A800
- Amaretto Triadic Color Scheme#AB6F60#69B076#7761AB#CEADA3#407A52
- Amore Triadic Color Scheme#AE2F48#44AA33#324AB2#DC6C84#2B7414
- Anarchist Triadic Color Scheme#DB304A#58D332#2242C7#F08497#33AA00
- Angry Tomato Triadic Color Scheme#D82029#24D427#243BCD#ED7777#1B8E13
- Annatto Triadic Color Scheme#8C5341#418C53#554488#BE8774#2B5D34
- Apple Cherry Triadic Color Scheme#F81404#09F911#1600FC#FF6E61#00AA11
- Arcade Fire Triadic Color Scheme#EE3311#16F12D#3311EE#F18870#00AA22
- Assassin’s Red Triadic Color Scheme#F60206#00F900#0804F9#FF6163#00AA00
- Autumn Fire Triadic Color Scheme#C44E4F#58D854#4455CC#DD9999#318F33
- Bacon Strips Triadic Color Scheme#DF3F32#3BDE39#243BCD#EE918D#11BB22
Questions
What colors go with Hot Shot?
In a triadic scheme: Bright Light Green (#2DFE54), Violet Glow (#4422EE), Rose Essence (#F29B89), Green Goblin (#11BB33).
What is the hex code of Hot Shot?
#EC4F28.