Firewatch Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Firewatch (#EE8866), each snapped to its nearest named color.
#EE8866
#6FE7DB
#6488EA
#E75323
#AFEEE1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Firewatch | #EE8866 | 238, 136, 102 | 15°, 80%, 67% | 0, 43, 57, 7 | |
| Turquoise Chalk | #6FE7DB | 111, 231, 219 | 174°, 71%, 67% | 52, 0, 5, 9 | |
| Soft Blue | #6488EA | 100, 136, 234 | 224°, 76%, 65% | 57, 42, 0, 8 | |
| Scorpio Scarlet Seal | #E75323 | 231, 83, 35 | 15°, 80%, 52% | 0, 64, 85, 9 | |
| Mint Tea | #AFEEE1 | 175, 238, 225 | 168°, 65%, 81% | 26, 0, 5, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E75323 on #AFEEE1 | 2.85:1 | — |
| Aa #6488EA on #AFEEE1 | 2.58:1 | — |
| Aa #6FE7DB on #E75323 | 2.50:1 | — |
| Aa #6FE7DB on #6488EA | 2.26:1 | — |
| Aa #EE8866 on #AFEEE1 | 1.93:1 | — |
| Aa #EE8866 on #6FE7DB | 1.69:1 | — |
CSS variables
:root {
--color-1: #ee8866; /* Firewatch */
--color-2: #6fe7db; /* Turquoise Chalk */
--color-3: #6488ea; /* Soft Blue */
--color-4: #e75323; /* Scorpio Scarlet Seal */
--color-5: #afeee1; /* Mint Tea */
}Other schemes from Firewatch
- Firewatch Complementary Color Scheme#EE8866#F8C8BB#68C2F5#2CB1EB#C5E6F7
- Firewatch Analogous Color Scheme#E760D2#EE6688#EE8866#EECC66#DAEA6F
- Firewatch Triadic Color Scheme#EE8866#64E986#8866FF#FACFC1#2DFE54
- Firewatch Tetradic Color Scheme#EE8866#88EE77#68C2F5#CC69E4#FACFC1
- Firewatch Monochromatic Color Scheme#AA3311#E75323#EE8866#F2BDA8#FBEEE8
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 Firewatch?
In a split-complementary scheme: Turquoise Chalk (#6FE7DB), Soft Blue (#6488EA), Scorpio Scarlet Seal (#E75323), Mint Tea (#AFEEE1).
What is the hex code of Firewatch?
#EE8866.