Hotspot Triadic Color Scheme
Five colors arranged by the triadic rule around Hotspot (#FF4433), each snapped to its nearest named color.
#FF4433
#2DFE54
#4433FF
#F8A39D
#00EE11
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Hotspot | #FF4433 | 255, 68, 51 | 5°, 100%, 60% | 0, 73, 80, 0 | 66.2% 0.225 30 | |
| Bright Light Green | #2DFE54 | 45, 254, 84 | 131°, 99%, 59% | 82, 0, 67, 0 | 87.0% 0.262 145 | |
| Ultra Indigo | #4433FF | 68, 51, 255 | 245°, 100%, 60% | 73, 80, 0, 0 | 50.6% 0.279 274 | |
| Candlelight Peach | #F8A39D | 248, 163, 157 | 4°, 87%, 79% | 0, 34, 37, 3 | 79.8% 0.102 24 | |
| Boiling Acid | #00EE11 | 0, 238, 17 | 124°, 100%, 47% | 100, 0, 93, 7 | 82.3% 0.278 143 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2DFE54 on #4433FF | 4.87:1 | AA |
| Aa #4433FF on #00EE11 | 4.18:1 | AA large |
| Aa #4433FF on #F8A39D | 3.39:1 | AA large |
| Aa #FF4433 on #2DFE54 | 2.52:1 | — |
| Aa #FF4433 on #00EE11 | 2.16:1 | — |
| Aa #FF4433 on #4433FF | 1.94:1 | — |
CSS variables
:root {
--color-1: #ff4433; /* Hotspot */
--color-2: #2dfe54; /* Bright Light Green */
--color-3: #4433ff; /* Ultra Indigo */
--color-4: #f8a39d; /* Candlelight Peach */
--color-5: #00ee11; /* Boiling Acid */
}Other schemes from Hotspot
- Hotspot Complementary Color Scheme#FF4433#FD978F#22EEFF#00D6E2#9CFAFF
- Hotspot Analogous Color Scheme#FF33EE#FF3388#FF4433#FFAA33#EEFF33
- Hotspot Split-complementary Color Scheme#FF4433#2AFEB7#3E82FC#EE1100#80FFCC
- Hotspot Tetradic Color Scheme#FF4433#87FF2A#22EEFF#AA33EE#F8A39D
- Hotspot Monochromatic Color Scheme#991100#EE1100#FF4433#FF8D82#FFCECB
More light red triadic color schemes
- Amour Triadic Color Scheme#EE5851#43E85F#524EFB#F5B1AA#0ADD08
- Angry Flamingo Triadic Color Scheme#F04E45#4EFD54#4B4CFC#F9A7A4#00CC11
- Anime Blush Triadic Color Scheme#FF7A83#8CFD7E#7A81FF#FFE4E1#33FF22
- Aphrodisiac Triadic Color Scheme#E35A63#70F15E#5260E1#F1B3B6#24D427
- Babe Triadic Color Scheme#DC7B7C#77DD77#7777CC#F1CBCD#5AD33E
- Begonia Triadic Color Scheme#FA6E79#77FF66#6A79F7#FDD0D5#33FF22
- Berrylicious Triadic Color Scheme#D75E6C#69D84F#5170D7#ECB2B3#34B334
- Bite My Tongue Triadic Color Scheme#D47D72#6CCC7B#7777CC#ECC5C0#3EB753
- Blood Burst Triadic Color Scheme#FF474C#4EFD54#4C4DFF#FFB0AC#00F900
- Blush Bomb Triadic Color Scheme#DD99AA#A9D99C#9BACD8#F5E6EA#74C365
- Blush Hour Triadic Color Scheme#FF6F91#96F97B#6888FC#FFD6DD#55FF22
- Boho Blush Triadic Color Scheme#E58787#94E089#8F8CE7#F8DCDB#58D854
Questions
What colors go with Hotspot?
In a triadic scheme: Bright Light Green (#2DFE54), Ultra Indigo (#4433FF), Candlelight Peach (#F8A39D), Boiling Acid (#00EE11).
What is the hex code of Hotspot?
#FF4433.