Cane Sugar Complementary Color Scheme
Five colors arranged by the complementary rule around Cane Sugar (#E3B982), each snapped to its nearest named color.
#E3B982
#F4E4CD
#88ACE0
#4A87CB
#D2E2F2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cane Sugar | #E3B982 | 227, 185, 130 | 34°, 63%, 70% | 0, 19, 43, 11 | |
| Biloxi | #F4E4CD | 244, 228, 205 | 35°, 64%, 88% | 0, 7, 16, 4 | |
| Queer Blue | #88ACE0 | 136, 172, 224 | 215°, 59%, 71% | 39, 23, 0, 12 | |
| Blue Sonki | #4A87CB | 74, 135, 203 | 212°, 55%, 54% | 64, 33, 0, 20 | |
| Weathered Blue | #D2E2F2 | 210, 226, 242 | 210°, 55%, 89% | 13, 7, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F4E4CD on #4A87CB | 2.99:1 | — |
| Aa #4A87CB on #D2E2F2 | 2.83:1 | — |
| Aa #E3B982 on #4A87CB | 2.05:1 | — |
| Aa #F4E4CD on #88ACE0 | 1.86:1 | — |
| Aa #88ACE0 on #D2E2F2 | 1.76:1 | — |
| Aa #88ACE0 on #4A87CB | 1.61:1 | — |
CSS variables
:root {
--color-1: #e3b982; /* Cane Sugar */
--color-2: #f4e4cd; /* Biloxi */
--color-3: #88ace0; /* Queer Blue */
--color-4: #4a87cb; /* Blue Sonki */
--color-5: #d2e2f2; /* Weathered Blue */
}Other schemes from Cane Sugar
- Cane Sugar Analogous Color Scheme#E781A6#E28980#E3B982#DFE384#B2E191
- Cane Sugar Triadic Color Scheme#E3B982#8BE0BA#BF8FE5#F6E8D5#46C299
- Cane Sugar Split-complementary Color Scheme#E3B982#80DBEB#8F8CE7#CE9844#C4ECF0
- Cane Sugar Tetradic Color Scheme#E3B982#94E089#88ACE0#EE88CC#F6E8D5
- Cane Sugar Monochromatic Color Scheme#AA6D28#CE9844#E3B982#F1DBC2#FBF4E8
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Cane Sugar?
In a complementary scheme: Biloxi (#F4E4CD), Queer Blue (#88ACE0), Blue Sonki (#4A87CB), Weathered Blue (#D2E2F2).
What is the hex code of Cane Sugar?
#E3B982.