Hotspot Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hotspot (#FF4433), each snapped to its nearest named color.
#FF4433
#2AFEB7
#3E82FC
#EE1100
#80FFCC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hotspot | #FF4433 | 255, 68, 51 | 5°, 100%, 60% | 0, 73, 80, 0 | |
| Greenish Cyan | #2AFEB7 | 42, 254, 183 | 160°, 99%, 58% | 83, 0, 28, 0 | |
| Dodger Blue | #3E82FC | 62, 130, 252 | 219°, 97%, 62% | 75, 48, 0, 1 | |
| Uproar Red | #EE1100 | 238, 17, 0 | 4°, 100%, 47% | 0, 93, 100, 7 | |
| Calamine Blue | #80FFCC | 128, 255, 204 | 156°, 100%, 75% | 50, 0, 20, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE1100 on #80FFCC | 3.62:1 | AA large |
| Aa #2AFEB7 on #EE1100 | 3.38:1 | AA large |
| Aa #3E82FC on #80FFCC | 2.95:1 | — |
| Aa #FF4433 on #80FFCC | 2.79:1 | — |
| Aa #2AFEB7 on #3E82FC | 2.75:1 | — |
| Aa #FF4433 on #2AFEB7 | 2.60:1 | — |
CSS variables
:root {
--color-1: #ff4433; /* Hotspot */
--color-2: #2afeb7; /* Greenish Cyan */
--color-3: #3e82fc; /* Dodger Blue */
--color-4: #ee1100; /* Uproar Red */
--color-5: #80ffcc; /* Calamine Blue */
}Other schemes from Hotspot
- Hotspot Complementary Color Scheme#FF4433#FD978F#22EEFF#00D6E2#9CFAFF
- Hotspot Analogous Color Scheme#FF33EE#FF3388#FF4433#FFAA33#EEFF33
- Hotspot Triadic Color Scheme#FF4433#2DFE54#4433FF#F8A39D#00EE11
- Hotspot Tetradic Color Scheme#FF4433#87FF2A#22EEFF#AA33EE#F8A39D
- Hotspot Monochromatic Color Scheme#991100#EE1100#FF4433#FF8D82#FFCECB
More Light Red split-complementary palettes
- Amour Split-complementary Color Scheme#EE5851#53FCA1#4F8FE6#DD180E#96FBC4
- Angry Flamingo Split-complementary Color Scheme#F04E45#53FCA1#4488EE#DD180E#96FBC4
- Anime Blush Split-complementary Color Scheme#FF7A83#7EFBB3#77CCFF#FF3333#CCFFDD
- Aphrodisiac Split-complementary Color Scheme#E35A63#58F898#5DADEC#D3212D#99EEBB
- Babe Split-complementary Color Scheme#DC7B7C#7BD9AD#7DABD8#D13B40#B2EED3
- Begonia Split-complementary Color Scheme#FA6E79#76FDA8#74BBFB#FF2233#B8F8D8
- Berrylicious Split-complementary Color Scheme#D75E6C#5CCD97#57A9D4#B52F3A#99E6B3
- Bite My Tongue Split-complementary Color Scheme#D47D72#78D1B1#6E99D1#BC4D39#B2E4D0
- Blood Burst Split-complementary Color Scheme#FF474C#58F898#46ADF9#F60206#96FBC4
- Blush Bomb Split-complementary Color Scheme#DD99AA#99DEAD#95CDD8#C7607B#D1F0DD
- Blush Hour Split-complementary Color Scheme#FF6F91#7BE892#76D6FF#FF2255#BDFFCA
- Boho Blush Split-complementary Color Scheme#E58787#8BE0BA#83BCE5#D3494E#D1F1DE
Questions
What colors go with Hotspot?
In a split-complementary scheme: Greenish Cyan (#2AFEB7), Dodger Blue (#3E82FC), Uproar Red (#EE1100), Calamine Blue (#80FFCC).
What is the hex code of Hotspot?
#FF4433.