Sour Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sour (#E5EDB5), each snapped to its nearest named color.
#E5EDB5
#AEC9EB
#DEBEEF
#CFDD7B
#E8EFF8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sour | #E5EDB5 | 229, 237, 181 | 69°, 61%, 82% | 3, 0, 24, 7 | |
| Tropical Blue | #AEC9EB | 174, 201, 235 | 213°, 60%, 80% | 26, 14, 0, 8 | |
| Beefy Pink | #DEBEEF | 222, 190, 239 | 279°, 60%, 84% | 7, 21, 0, 6 | |
| Golden Hop | #CFDD7B | 207, 221, 123 | 69°, 59%, 67% | 6, 0, 44, 13 | |
| First Snow | #E8EFF8 | 232, 239, 248 | 214°, 53%, 94% | 6, 4, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AEC9EB on #E8EFF8 | 1.47:1 | — |
| Aa #DEBEEF on #E8EFF8 | 1.43:1 | — |
| Aa #E5EDB5 on #AEC9EB | 1.39:1 | — |
| Aa #E5EDB5 on #DEBEEF | 1.35:1 | — |
| Aa #CFDD7B on #E8EFF8 | 1.27:1 | — |
| Aa #E5EDB5 on #CFDD7B | 1.20:1 | — |
CSS variables
:root {
--color-1: #e5edb5; /* Sour */
--color-2: #aec9eb; /* Tropical Blue */
--color-3: #debeef; /* Beefy Pink */
--color-4: #cfdd7b; /* Golden Hop */
--color-5: #e8eff8; /* First Snow */
}Other schemes from Sour
- Sour Complementary Color Scheme#E5EDB5#F8FBEB#B8B8F8#9370DB#EEE9F9
- Sour Analogous Color Scheme#EEBDB6#EED9B6#E5EDB5#CEEBB2#BBE6BB
- Sour Triadic Color Scheme#E5EDB5#B4E5EC#EEBBEE#F8FBEB#7ECDDD
- Sour Tetradic Color Scheme#E5EDB5#B6ECDE#B8B8F8#EFB4CA#F8FBEB
- Sour Monochromatic Color Scheme#ACCB35#CFDD7B#E5EDB5#F8FBEB#F8FBEB
More Very Light Yellow split-complementary palettes
- Au Clair de la Lune Split-complementary Color Scheme#F4F2E2#E2ECF2#EFE2F2#DED6AC#ECF3F9
- Banan-Appeal Split-complementary Color Scheme#FAF3A6#A7D7FF#CEA2FD#FBEC5E#E8F5FC
- Banana Cream Split-complementary Color Scheme#FFF49C#99DBFE#CC99FF#FBEB50#E8F5FC
- Banana Milk Split-complementary Color Scheme#FFF7AD#AADDFF#CCAAFF#FEF263#E8F5FC
- Banana Split Split-complementary Color Scheme#F7EEC8#C5E6F7#D0C7FF#EED786#E8F5FC
- Blanc Cassé Split-complementary Color Scheme#F1EEE2#E2ECF2#E5E3EF#DBCEAC#F0F4F8
- Blanco Split-complementary Color Scheme#EBEAE5#E1E9EF#E5E3EF#D1CCB0#EEF2F3
- Bleached Sunflower Split-complementary Color Scheme#FBE8A8#A4E4FC#B5AFFF#F8D75A#E8F7FD
- Blond Split-complementary Color Scheme#FAF0BE#B8E4F5#CCBBFF#F7E077#E8F7FD
- Bollywood Gold Split-complementary Color Scheme#FFFBAB#A7D7FF#CCAAFF#FCF75E#E8F5FC
- Bullet Hell Split-complementary Color Scheme#FAF1C8#C5E6F7#DFC5FE#F5DE85#E8F7FD
- Butter Honey Split-complementary Color Scheme#F5E5AB#B0E0F6#C2B2F0#EACE6A#E8F7FD
Questions
What colors go with Sour?
In a split-complementary scheme: Tropical Blue (#AEC9EB), Beefy Pink (#DEBEEF), Golden Hop (#CFDD7B), First Snow (#E8EFF8).
What is the hex code of Sour?
#E5EDB5.