Sage the Day Complementary Color Scheme
Five colors arranged by the complementary rule around Sage the Day (#ACA28F), each snapped to its nearest named color.
#ACA28F
#D8CFBE
#899BB8
#597193
#C6CEDA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sage the Day | #ACA28F | 172, 162, 143 | 39°, 15%, 62% | 0, 6, 17, 33 | |
| Crushed Silk | #D8CFBE | 216, 207, 190 | 39°, 25%, 80% | 0, 4, 12, 15 | |
| Forever Blue | #899BB8 | 137, 155, 184 | 217°, 25%, 63% | 26, 16, 0, 28 | |
| Blue Jacket | #597193 | 89, 113, 147 | 215°, 25%, 46% | 39, 23, 0, 42 | |
| Steel Mist | #C6CEDA | 198, 206, 218 | 216°, 21%, 82% | 9, 6, 0, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D8CFBE on #597193 | 3.23:1 | AA large |
| Aa #597193 on #C6CEDA | 3.15:1 | AA large |
| Aa #ACA28F on #597193 | 1.98:1 | — |
| Aa #D8CFBE on #899BB8 | 1.83:1 | — |
| Aa #899BB8 on #C6CEDA | 1.78:1 | — |
| Aa #899BB8 on #597193 | 1.77:1 | — |
CSS variables
:root {
--color-1: #aca28f; /* Sage the Day */
--color-2: #d8cfbe; /* Crushed Silk */
--color-3: #899bb8; /* Forever Blue */
--color-4: #597193; /* Blue Jacket */
--color-5: #c6ceda; /* Steel Mist */
}Other schemes from Sage the Day
- Sage the Day Analogous Color Scheme#B48395#B68B88#ACA28F#B1B787#95B388
- Sage the Day Triadic Color Scheme#ACA28F#84B6A2#A885B5#DDD4C5#529182
- Sage the Day Split-complementary Color Scheme#ACA28F#84AEBA#9188B5#928459#B5CED4
- Sage the Day Tetradic Color Scheme#ACA28F#83BA8E#899BB8#B883B0#DDD4C5
- Sage the Day Monochromatic Color Scheme#5E5545#877D65#ACA28F#CEC6BB#EDEBE7
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 Sage the Day?
In a complementary scheme: Crushed Silk (#D8CFBE), Forever Blue (#899BB8), Blue Jacket (#597193), Steel Mist (#C6CEDA).
What is the hex code of Sage the Day?
#ACA28F.