Summer Glow Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Summer Glow (#EEAA44), each snapped to its nearest named color.
#EEAA44
#44DDEE
#524EFB
#CC8811
#88EEEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Summer Glow | #EEAA44 | 238, 170, 68 | 36°, 83%, 60% | 0, 29, 71, 7 | 78.5% 0.140 74 | |
| Blue Dacnis | #44DDEE | 68, 221, 238 | 186°, 83%, 60% | 71, 7, 0, 7 | 82.6% 0.126 206 | |
| Sylph of Moonlight | #524EFB | 82, 78, 251 | 241°, 96%, 65% | 67, 69, 0, 2 | 54.4% 0.247 275 | |
| Lobster Butter Sauce | #CC8811 | 204, 136, 17 | 38°, 85%, 43% | 0, 33, 92, 20 | 68.0% 0.141 73 | |
| Bath Water | #88EEEE | 136, 238, 238 | 180°, 75%, 73% | 43, 0, 0, 7 | 88.7% 0.096 196 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #524EFB on #88EEEE | 4.04:1 | AA large |
| Aa #44DDEE on #524EFB | 3.34:1 | AA large |
| Aa #EEAA44 on #524EFB | 2.73:1 | — |
| Aa #CC8811 on #88EEEE | 2.19:1 | — |
| Aa #524EFB on #CC8811 | 1.85:1 | — |
| Aa #44DDEE on #CC8811 | 1.81:1 | — |
CSS variables
:root {
--color-1: #eeaa44; /* Summer Glow */
--color-2: #44ddee; /* Blue Dacnis */
--color-3: #524efb; /* Sylph of Moonlight */
--color-4: #cc8811; /* Lobster Butter Sauce */
--color-5: #88eeee; /* Bath Water */
}Other schemes from Summer Glow
- Summer Glow Complementary Color Scheme#EEAA44#F6D099#4488EE#0066CC#A1CAF1
- Summer Glow Analogous Color Scheme#EE4488#EF4F41#EEAA44#DBE64C#9CEF43
- Summer Glow Triadic Color Scheme#EEAA44#53FCA1#AB46EC#F3D5A1#19CC89
- Summer Glow Tetradic Color Scheme#EEAA44#43E85F#4488EE#FF44DD#F3D5A1
- Summer Glow Monochromatic Color Scheme#885511#CC8811#EEAA44#F2C98A#FAEAD0
More light orange split-complementary color schemes
- 24 Karat Split-complementary Color Scheme#DFC685#83C7DF#8A83DA#CFAC47#C1E4F0
- 3AM Latte Split-complementary Color Scheme#C0A98E#8FBCC4#8A8DC4#A9855D#BCDBDB
- Ancestral Gold Split-complementary Color Scheme#DDCDA6#A5D4DC#B4A6D5#C6AD6F#DDF0F0
- Angry Pasta Split-complementary Color Scheme#FFCC55#55DDFF#7755FF#FEB308#A6E7FF
- Anise Biscotti Split-complementary Color Scheme#E5D5AE#ADDAE3#ACACE6#D1B871#E8F4F7
- Another One Bites the Dust Split-complementary Color Scheme#C7BBA4#A4C3C5#AFA5C7#AD9773#D3E3E5
- Apricot Split-complementary Color Scheme#FFB16D#6FFFFF#7777FF#FF8822#BBFFFF
- Apricotta Split-complementary Color Scheme#D8A48F#8DD9CC#8B98D8#C57556#CAEDE4
- Artisans Gold Split-complementary Color Scheme#F2AB46#45E9FD#524EFB#DD8811#8AF1FE
- Ashes to Ashes Split-complementary Color Scheme#BBB3A2#9BBCC3#A598C4#A8946B#CADCDE
- Atomic Tangerine Split-complementary Color Scheme#FF9966#66EEEE#6688FF#FF6316#BBFFEE
- Attic Linen Split-complementary Color Scheme#CCBCA9#A7CAC9#ACA8CD#B09879#DAE7E9
Questions
What colors go with Summer Glow?
In a split-complementary scheme: Blue Dacnis (#44DDEE), Sylph of Moonlight (#524EFB), Lobster Butter Sauce (#CC8811), Bath Water (#88EEEE).
What is the hex code of Summer Glow?
#EEAA44.