Firewatch Triadic Color Scheme
Five colors arranged by the triadic rule around Firewatch (#EE8866), each snapped to its nearest named color.
#EE8866
#64E986
#8866FF
#FACFC1
#2DFE54
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Firewatch | #EE8866 | 238, 136, 102 | 15°, 80%, 67% | 0, 43, 57, 7 | |
| Grotesque Green | #64E986 | 100, 233, 134 | 135°, 75%, 65% | 57, 0, 42, 9 | |
| Purple Anemone | #8866FF | 136, 102, 255 | 253°, 100%, 70% | 47, 60, 0, 0 | |
| Doll House | #FACFC1 | 250, 207, 193 | 15°, 85%, 87% | 0, 17, 23, 2 | |
| Bright Light Green | #2DFE54 | 45, 254, 84 | 131°, 99%, 59% | 82, 0, 67, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8866FF on #2DFE54 | 2.86:1 | — |
| Aa #8866FF on #FACFC1 | 2.74:1 | — |
| Aa #64E986 on #8866FF | 2.51:1 | — |
| Aa #EE8866 on #2DFE54 | 1.85:1 | — |
| Aa #EE8866 on #FACFC1 | 1.77:1 | — |
| Aa #EE8866 on #64E986 | 1.62:1 | — |
CSS variables
:root {
--color-1: #ee8866; /* Firewatch */
--color-2: #64e986; /* Grotesque Green */
--color-3: #8866ff; /* Purple Anemone */
--color-4: #facfc1; /* Doll House */
--color-5: #2dfe54; /* Bright Light Green */
}Other schemes from Firewatch
- Firewatch Complementary Color Scheme#EE8866#F8C8BB#68C2F5#2CB1EB#C5E6F7
- Firewatch Analogous Color Scheme#E760D2#EE6688#EE8866#EECC66#DAEA6F
- Firewatch Split-complementary Color Scheme#EE8866#6FE7DB#6488EA#E75323#AFEEE1
- Firewatch Tetradic Color Scheme#EE8866#88EE77#68C2F5#CC69E4#FACFC1
- Firewatch Monochromatic Color Scheme#AA3311#E75323#EE8866#F2BDA8#FBEEE8
More Light Red triadic palettes
- 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 Firewatch?
In a triadic scheme: Grotesque Green (#64E986), Purple Anemone (#8866FF), Doll House (#FACFC1), Bright Light Green (#2DFE54).
What is the hex code of Firewatch?
#EE8866.