Garlic Butter Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Garlic Butter (#EDDF5E), each snapped to its nearest named color.
#EDDF5E
#5DADEC
#955AF2
#F0D31E
#A1D5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Garlic Butter | #EDDF5E | 237, 223, 94 | 54°, 80%, 65% | 0, 6, 60, 7 | |
| Blue Jeans | #5DADEC | 93, 173, 236 | 206°, 79%, 65% | 61, 27, 0, 7 | |
| Forgotten Kyawthuite | #955AF2 | 149, 90, 242 | 263°, 85%, 65% | 38, 63, 0, 5 | |
| Yellow Mellow | #F0D31E | 240, 211, 30 | 52°, 88%, 53% | 0, 12, 88, 6 | |
| Juzcar Blue | #A1D5F1 | 161, 213, 241 | 201°, 74%, 79% | 33, 12, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EDDF5E on #955AF2 | 3.05:1 | AA large |
| Aa #955AF2 on #F0D31E | 2.80:1 | — |
| Aa #955AF2 on #A1D5F1 | 2.65:1 | — |
| Aa #EDDF5E on #5DADEC | 1.77:1 | — |
| Aa #5DADEC on #955AF2 | 1.72:1 | — |
| Aa #5DADEC on #F0D31E | 1.62:1 | — |
CSS variables
:root {
--color-1: #eddf5e; /* Garlic Butter */
--color-2: #5dadec; /* Blue Jeans */
--color-3: #955af2; /* Forgotten Kyawthuite */
--color-4: #f0d31e; /* Yellow Mellow */
--color-5: #a1d5f1; /* Juzcar Blue */
}Other schemes from Garlic Butter
- Garlic Butter Complementary Color Scheme#EDDF5E#F5EDB2#5566EE#0033EE#BFC0EE
- Garlic Butter Analogous Color Scheme#EF586C#EB975E#EDDF5E#B2EC5D#70F15E
- Garlic Butter Triadic Color Scheme#EDDF5E#5EE7DF#CC55EE#F7EFBA#13EAC9
- Garlic Butter Tetradic Color Scheme#EDDF5E#58F898#5566EE#FF55AA#F7EFBA
- Garlic Butter Monochromatic Color Scheme#A18D0D#F0D31E#EDDF5E#F6EBA1#FBF9E8
More Light Yellow split-complementary palettes
- Alligator Alley Split-complementary Color Scheme#C5D17B#739BD0#B57EDC#AFBB42#B6C7E3
- Ancient Treasure Split-complementary Color Scheme#E7D082#82CDE5#8F8CE7#DCBA42#C1E4F0
- Animal Kingdom Split-complementary Color Scheme#BCC09E#99AAC8#B598C3#9FA36C#C9D4E1
- Anna Banana Split-complementary Color Scheme#F5D547#44BBFF#7755EE#E1BF03#87D3F8
- April Showers Split-complementary Color Scheme#DADEB5#B4C4DE#CEBADA#C7CA86#E9EDF6
- Ash Split-complementary Color Scheme#BEBAA7#9FB6C6#AF9FCA#A69E73#CDDCE3
- Aurora Split-complementary Color Scheme#EBD147#46ADF9#7755EE#CAB012#89CFF0
- Banana Split-complementary Color Scheme#FFFC79#77BBFF#BF77F6#FFFF31#C6E3F7
- Banana Drama Split-complementary Color Scheme#F1D548#44BBFF#904FEF#DDBB11#87D3F8
- Banana Frappé Split-complementary Color Scheme#DDD5B6#B6D3DF#C3B9DD#C7B882#EBF1F5
- Beekeeper Split-complementary Color Scheme#F6E491#87D3F8#BB88FF#F1D548#D5EDFB
- Beige Split-complementary Color Scheme#E6DAA6#A6D3E6#ACACE6#DBC364#E7F0F7
Questions
What colors go with Garlic Butter?
In a split-complementary scheme: Blue Jeans (#5DADEC), Forgotten Kyawthuite (#955AF2), Yellow Mellow (#F0D31E), Juzcar Blue (#A1D5F1).
What is the hex code of Garlic Butter?
#EDDF5E.