Flame Seal Complementary Color Scheme
Five colors arranged by the complementary rule around Flame Seal (#F4E25A), each snapped to its nearest named color.
#F4E25A
#FDF1AF
#5566EE
#152EFF
#BFC0EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Flame Seal | #F4E25A | 244, 226, 90 | 53°, 88%, 65% | 0, 7, 63, 4 | |
| Paper Tiger | #FDF1AF | 253, 241, 175 | 51°, 95%, 84% | 0, 5, 31, 1 | |
| Flickering Sea | #5566EE | 85, 102, 238 | 233°, 82%, 63% | 64, 57, 0, 7 | |
| Vivid Blue | #152EFF | 21, 46, 255 | 234°, 100%, 54% | 92, 82, 0, 0 | |
| Vodka | #BFC0EE | 191, 192, 238 | 239°, 58%, 84% | 20, 19, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FDF1AF on #152EFF | 6.41:1 | AA |
| Aa #F4E25A on #152EFF | 5.54:1 | AA |
| Aa #152EFF on #BFC0EE | 4.18:1 | AA large |
| Aa #FDF1AF on #5566EE | 4.06:1 | AA large |
| Aa #F4E25A on #5566EE | 3.51:1 | AA large |
| Aa #5566EE on #BFC0EE | 2.65:1 | — |
CSS variables
:root {
--color-1: #f4e25a; /* Flame Seal */
--color-2: #fdf1af; /* Paper Tiger */
--color-3: #5566ee; /* Flickering Sea */
--color-4: #152eff; /* Vivid Blue */
--color-5: #bfc0ee; /* Vodka */
}Other schemes from Flame Seal
- Flame Seal Analogous Color Scheme#F5576C#F4915C#F4E25A#B2EC5D#70F15E
- Flame Seal Triadic Color Scheme#F4E25A#56F7F3#E05AEC#FCF2B9#13EAC9
- Flame Seal Split-complementary Color Scheme#F4E25A#55BBFF#955AF2#F1D512#A7D7FF
- Flame Seal Tetradic Color Scheme#F4E25A#58F898#5566EE#FF55AA#FCF2B9
- Flame Seal Monochromatic Color Scheme#AA9911#F1D512#F4E25A#FEEEA5#FFFBE8
More Light Yellow complementary palettes
- Alligator Alley Complementary Color Scheme#C5D17B#E6E6BC#8878C3#5946B2#CEC8EF
- Ancient Treasure Complementary Color Scheme#E7D082#F7EECF#8F8CE7#4B62D2#DBDBF7
- Animal Kingdom Complementary Color Scheme#BCC09E#E4E4D5#A09BC6#776EA2#DCDDE7
- Anna Banana Complementary Color Scheme#F5D547#FCE99F#4166F5#0033EE#A2BFFE
- April Showers Complementary Color Scheme#DADEB5#F6F7ED#B3B4DD#8980C1#EBECF5
- Ash Complementary Color Scheme#BEBAA7#E8E5D8#9EA5C3#6B7BA7#DEE1ED
- Aurora Complementary Color Scheme#EBD147#F1E798#4466EE#0033CC#A3B1F2
- Banana Complementary Color Scheme#FFFC79#FFFFD4#7777FF#3A2EFE#D6EAFC
- Banana Drama Complementary Color Scheme#F1D548#F8EC9E#4466EE#0033DD#A3B1F2
- Banana Frappé Complementary Color Scheme#DDD5B6#F7F5ED#B8BFDC#8491C3#EDF2F8
- Beekeeper Complementary Color Scheme#F6E491#FFF9E7#9BA0EF#4466EE#E8EEFE
- Beige Complementary Color Scheme#E6DAA6#FAF7EB#ACACE6#7777CC#E8EFF8
Questions
What colors go with Flame Seal?
In a complementary scheme: Paper Tiger (#FDF1AF), Flickering Sea (#5566EE), Vivid Blue (#152EFF), Vodka (#BFC0EE).
What is the hex code of Flame Seal?
#F4E25A.