Straw Gold Tetradic Color Scheme
Five colors arranged by the tetradic rule around Straw Gold (#FCF679), each snapped to its nearest named color.
#FCF679
#7EFBB3
#7777FF
#FF6EC7
#FFFDDD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Straw Gold | #FCF679 | 252, 246, 121 | 57°, 96%, 73% | 0, 2, 52, 1 | |
| Green Epiphany | #7EFBB3 | 126, 251, 179 | 145°, 94%, 74% | 50, 0, 29, 2 | |
| Stargate Shimmer | #7777FF | 119, 119, 255 | 240°, 100%, 73% | 53, 53, 0, 0 | |
| Nervous Neon Pink | #FF6EC7 | 255, 110, 199 | 323°, 100%, 72% | 0, 57, 22, 0 | |
| Spring Heat | #FFFDDD | 255, 253, 221 | 56°, 100%, 93% | 0, 1, 13, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7777FF on #FFFDDD | 3.47:1 | AA large |
| Aa #FCF679 on #7777FF | 3.17:1 | AA large |
| Aa #7EFBB3 on #7777FF | 2.78:1 | — |
| Aa #FF6EC7 on #FFFDDD | 2.45:1 | — |
| Aa #FCF679 on #FF6EC7 | 2.24:1 | — |
| Aa #7EFBB3 on #FF6EC7 | 1.97:1 | — |
CSS variables
:root {
--color-1: #fcf679; /* Straw Gold */
--color-2: #7efbb3; /* Green Epiphany */
--color-3: #7777ff; /* Stargate Shimmer */
--color-4: #ff6ec7; /* Nervous Neon Pink */
--color-5: #fffddd; /* Spring Heat */
}Other schemes from Straw Gold
- Straw Gold Complementary Color Scheme#FCF679#FFFCD3#7777FF#3A2EFE#DEDEFF
- Straw Gold Analogous Color Scheme#FE7B7C#FBB377#FCF679#CCFD7F#77FF77
- Straw Gold Triadic Color Scheme#FCF679#7DF9FF#F878F8#FFFDDD#26F7FD
- Straw Gold Split-complementary Color Scheme#FCF679#73C2FB#BF77F6#FFEE33#C6E3F7
- Straw Gold Monochromatic Color Scheme#DAD000#FFEE33#FCF679#FFFCC4#FEFEE7
More Light Yellow tetradic palettes
- Alligator Alley Tetradic Color Scheme#C5D17B#78D1B1#8878C3#D37C99#E9EAC8
- Ancient Treasure Tetradic Color Scheme#E7D082#90EE90#8F8CE7#EE88CC#F8F0D8
- Animal Kingdom Tetradic Color Scheme#BCC09E#9BC2B4#A09BC6#C59DAA#E9EADB
- Anna Banana Tetradic Color Scheme#F5D547#4CFF7B#4166F5#F246A7#FBE8A8
- April Showers Tetradic Color Scheme#DADEB5#BADFCD#B3B4DD#DDB6C6#F6F7ED
- Ash Tetradic Color Scheme#BEBAA7#9FC5AA#9EA5C3#C89EB7#EDE9DF
- Aurora Tetradic Color Scheme#EBD147#4CFF7B#4466EE#F246A7#F4E7A5
- Banana Tetradic Color Scheme#FFFC79#7EFFBA#7777FF#FF77BB#FFFEDF
- Banana Drama Tetradic Color Scheme#F1D548#58F898#4466EE#F246A7#FBE8A8
- Banana Frappé Tetradic Color Scheme#DDD5B6#B9DCC3#B8BFDC#D8B7CF#F7F5ED
- Beekeeper Tetradic Color Scheme#F6E491#98F6B0#9BA0EF#F092D6#FFF9E7
- Beige Tetradic Color Scheme#E6DAA6#A4E3B3#ACACE6#E6A8D7#FAF7EB
Questions
What colors go with Straw Gold?
In a tetradic scheme: Green Epiphany (#7EFBB3), Stargate Shimmer (#7777FF), Nervous Neon Pink (#FF6EC7), Spring Heat (#FFFDDD).
What is the hex code of Straw Gold?
#FCF679.