Windfall Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Windfall (#84A7CE), each snapped to its nearest named color.
#84A7CE
#CC8888
#CCCF82
#5182B9
#E3BCBC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Windfall | #84A7CE | 132, 167, 206 | 212°, 43%, 66% | 36, 19, 0, 19 | |
| Almond Rose | #CC8888 | 204, 136, 136 | 0°, 40%, 67% | 0, 33, 33, 20 | |
| Deco | #CCCF82 | 204, 207, 130 | 62°, 45%, 66% | 1, 0, 37, 19 | |
| Fisher King | #5182B9 | 81, 130, 185 | 212°, 43%, 52% | 56, 30, 0, 27 | |
| Soft Blush | #E3BCBC | 227, 188, 188 | 0°, 41%, 81% | 0, 17, 17, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CCCF82 on #5182B9 | 2.44:1 | — |
| Aa #5182B9 on #E3BCBC | 2.32:1 | — |
| Aa #CC8888 on #CCCF82 | 1.72:1 | — |
| Aa #CC8888 on #E3BCBC | 1.64:1 | — |
| Aa #84A7CE on #5182B9 | 1.60:1 | — |
| Aa #84A7CE on #CCCF82 | 1.53:1 | — |
CSS variables
:root {
--color-1: #84a7ce; /* Windfall */
--color-2: #cc8888; /* Almond Rose */
--color-3: #cccf82; /* Deco */
--color-4: #5182b9; /* Fisher King */
--color-5: #e3bcbc; /* Soft Blush */
}Other schemes from Windfall
- Windfall Complementary Color Scheme#84A7CE#C5D5E9#CCAC86#B6884D#EBDECC
- Windfall Analogous Color Scheme#86CDAB#85CED1#84A7CE#8C87C5#AA8ED6
- Windfall Triadic Color Scheme#84A7CE#CA83A7#A5CF8C#CDDCED#BD4E84
- Windfall Tetradic Color Scheme#84A7CE#C687D6#CCAC86#85CA87#CDDCED
- Windfall Monochromatic Color Scheme#355D83#5182B9#84A7CE#BBD0E3#EDF2F8
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
Questions
What colors go with Windfall?
In a split-complementary scheme: Almond Rose (#CC8888), Deco (#CCCF82), Fisher King (#5182B9), Soft Blush (#E3BCBC).
What is the hex code of Windfall?
#84A7CE.