Over the Moon Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Over the Moon (#ABB8D5), each snapped to its nearest named color.
#ABB8D5
#D4B3AA
#CED2AB
#798BBD
#EFE0DE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Over the Moon | #ABB8D5 | 171, 184, 213 | 221°, 33%, 75% | 20, 14, 0, 16 | |
| Castilian Pink | #D4B3AA | 212, 179, 170 | 13°, 33%, 75% | 0, 16, 20, 17 | |
| Olive Martini | #CED2AB | 206, 210, 171 | 66°, 30%, 75% | 2, 0, 19, 18 | |
| Larkspur Bouquet | #798BBD | 121, 139, 189 | 224°, 34%, 61% | 36, 26, 0, 26 | |
| Rose Cream | #EFE0DE | 239, 224, 222 | 7°, 35%, 90% | 0, 6, 7, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #798BBD on #EFE0DE | 2.63:1 | — |
| Aa #CED2AB on #798BBD | 2.15:1 | — |
| Aa #D4B3AA on #798BBD | 1.74:1 | — |
| Aa #ABB8D5 on #798BBD | 1.69:1 | — |
| Aa #ABB8D5 on #EFE0DE | 1.55:1 | — |
| Aa #D4B3AA on #EFE0DE | 1.51:1 | — |
CSS variables
:root {
--color-1: #abb8d5; /* Over the Moon */
--color-2: #d4b3aa; /* Castilian Pink */
--color-3: #ced2ab; /* Olive Martini */
--color-4: #798bbd; /* Larkspur Bouquet */
--color-5: #efe0de; /* Rose Cream */
}Other schemes from Over the Moon
- Over the Moon Complementary Color Scheme#ABB8D5#E9EDF6#D5CAAA#BEA775#F6F4EF
- Over the Moon Analogous Color Scheme#ACD7C8#A8CCD5#ABB8D5#B6AED6#C9ACD6
- Over the Moon Triadic Color Scheme#ABB8D5#D8AAB7#BBD3AD#EDF2F8#B9758D
- Over the Moon Tetradic Color Scheme#ABB8D5#D3ACCE#D5CAAA#A5D7B2#EDF2F8
- Over the Moon Monochromatic Color Scheme#4F6997#798BBD#ABB8D5#DEE1ED#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 Over the Moon?
In a split-complementary scheme: Castilian Pink (#D4B3AA), Olive Martini (#CED2AB), Larkspur Bouquet (#798BBD), Rose Cream (#EFE0DE).
What is the hex code of Over the Moon?
#ABB8D5.