Sand Complementary Color Scheme
Five colors arranged by the complementary rule around Sand (#E2CA76), each snapped to its nearest named color.
#E2CA76
#EFE6C1
#6488EA
#214FC6
#C9D1EF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sand | #E2CA76 | 226, 202, 118 | 47°, 65%, 67% | 0, 11, 48, 11 | |
| Fake Blonde | #EFE6C1 | 239, 230, 193 | 48°, 59%, 85% | 0, 4, 19, 6 | |
| Soft Blue | #6488EA | 100, 136, 234 | 224°, 76%, 65% | 57, 42, 0, 8 | |
| New Car | #214FC6 | 33, 79, 198 | 223°, 71%, 45% | 83, 60, 0, 22 | |
| Frozen Periwinkle | #C9D1EF | 201, 209, 239 | 227°, 54%, 86% | 16, 13, 0, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EFE6C1 on #214FC6 | 5.59:1 | AA |
| Aa #214FC6 on #C9D1EF | 4.62:1 | AA |
| Aa #E2CA76 on #214FC6 | 4.32:1 | AA large |
| Aa #EFE6C1 on #6488EA | 2.68:1 | — |
| Aa #6488EA on #C9D1EF | 2.22:1 | — |
| Aa #6488EA on #214FC6 | 2.08:1 | — |
CSS variables
:root {
--color-1: #e2ca76; /* Sand */
--color-2: #efe6c1; /* Fake Blonde */
--color-3: #6488ea; /* Soft Blue */
--color-4: #214fc6; /* New Car */
--color-5: #c9d1ef; /* Frozen Periwinkle */
}Other schemes from Sand
- Sand Analogous Color Scheme#E6718D#E49977#E2CA76#CAE277#8DE07C
- Sand Triadic Color Scheme#E2CA76#6FE7DB#CC77EE#F5ECC9#2DC5BB
- Sand Split-complementary Color Scheme#E2CA76#76C1E1#9878F8#D7B235#B4DFED
- Sand Tetradic Color Scheme#E2CA76#7BE892#6488EA#E56CC0#F5ECC9
- Sand Monochromatic Color Scheme#9E8022#D7B235#E2CA76#F2E3B5#FCF7EB
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 Sand?
In a complementary scheme: Fake Blonde (#EFE6C1), Soft Blue (#6488EA), New Car (#214FC6), Frozen Periwinkle (#C9D1EF).
What is the hex code of Sand?
#E2CA76.