Hummus Complementary Color Scheme
Five colors arranged by the complementary rule around Hummus (#EECC99), each snapped to its nearest named color.
#EECC99
#FBF4E8
#93BDE7
#5B92E5
#E7EFFB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hummus | #EECC99 | 238, 204, 153 | 36°, 71%, 77% | 0, 14, 36, 7 | |
| White Fever | #FBF4E8 | 251, 244, 232 | 38°, 70%, 95% | 0, 3, 8, 2 | |
| Blue Shutters | #93BDE7 | 147, 189, 231 | 210°, 64%, 74% | 36, 18, 0, 9 | |
| United Nations Blue | #5B92E5 | 91, 146, 229 | 216°, 73%, 63% | 60, 36, 0, 10 | |
| Cotton Boll | #E7EFFB | 231, 239, 251 | 216°, 71%, 95% | 8, 5, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FBF4E8 on #5B92E5 | 2.87:1 | — |
| Aa #5B92E5 on #E7EFFB | 2.71:1 | — |
| Aa #EECC99 on #5B92E5 | 2.05:1 | — |
| Aa #FBF4E8 on #93BDE7 | 1.80:1 | — |
| Aa #93BDE7 on #E7EFFB | 1.70:1 | — |
| Aa #93BDE7 on #5B92E5 | 1.60:1 | — |
CSS variables
:root {
--color-1: #eecc99; /* Hummus */
--color-2: #fbf4e8; /* White Fever */
--color-3: #93bde7; /* Blue Shutters */
--color-4: #5b92e5; /* United Nations Blue */
--color-5: #e7effb; /* Cotton Boll */
}Other schemes from Hummus
- Hummus Analogous Color Scheme#F19CBB#EFA498#EECC99#E5E999#BBEE99
- Hummus Triadic Color Scheme#EECC99#9BEEC1#CC99EE#FBF4E8#56FCA2
- Hummus Split-complementary Color Scheme#EECC99#99EEEE#A899E6#E3AB57#D7F5F6
- Hummus Tetradic Color Scheme#EECC99#99EEAA#93BDE7#EE99EE#FBF4E8
- Hummus Monochromatic Color Scheme#CC8822#E3AB57#EECC99#F8EDDB#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 Hummus?
In a complementary scheme: White Fever (#FBF4E8), Blue Shutters (#93BDE7), United Nations Blue (#5B92E5), Cotton Boll (#E7EFFB).
What is the hex code of Hummus?
#EECC99.