Easter Egg Complementary Color Scheme
Five colors arranged by the complementary rule around Easter Egg (#8E97C7), each snapped to its nearest named color.
#8E97C7
#CACFE6
#C3BC90
#B3A156
#EBE5D2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Easter Egg | #8E97C7 | 142, 151, 199 | 231°, 34%, 67% | 29, 24, 0, 22 | |
| Casa del Mar | #CACFE6 | 202, 207, 230 | 229°, 36%, 85% | 12, 10, 0, 10 | |
| Candidate | #C3BC90 | 195, 188, 144 | 52°, 30%, 66% | 0, 4, 26, 24 | |
| Gingko Leaf | #B3A156 | 179, 161, 86 | 48°, 38%, 52% | 0, 10, 52, 30 | |
| Always Almond | #EBE5D2 | 235, 229, 210 | 46°, 38%, 87% | 0, 3, 11, 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8E97C7 on #EBE5D2 | 2.25:1 | — |
| Aa #B3A156 on #EBE5D2 | 2.05:1 | — |
| Aa #8E97C7 on #CACFE6 | 1.83:1 | — |
| Aa #CACFE6 on #B3A156 | 1.67:1 | — |
| Aa #C3BC90 on #EBE5D2 | 1.53:1 | — |
| Aa #8E97C7 on #C3BC90 | 1.47:1 | — |
CSS variables
:root {
--color-1: #8e97c7; /* Easter Egg */
--color-2: #cacfe6; /* Casa del Mar */
--color-3: #c3bc90; /* Candidate */
--color-4: #b3a156; /* Gingko Leaf */
--color-5: #ebe5d2; /* Always Almond */
}Other schemes from Easter Egg
- Easter Egg Analogous Color Scheme#8AC6BD#8BB6C6#8E97C7#A294C9#BF8FC4
- Easter Egg Triadic Color Scheme#8E97C7#C89095#96C193#D3D6E9#AA5B67
- Easter Egg Split-complementary Color Scheme#8E97C7#C8A38A#B6CA90#5868AE#E0CAC0
- Easter Egg Tetradic Color Scheme#8E97C7#CB8EB1#C3BC90#90CCA3#D3D6E9
- Easter Egg Monochromatic Color Scheme#39497B#5868AE#8E97C7#C4C9E2#EDF2F8
More Light Blue complementary palettes
- Acapulco Dive Complementary Color Scheme#65A7DD#ABD0EA#DD9966#C56F2B#EDD2B7
- Adrift on the Nile Complementary Color Scheme#93B8E3#DBE9F4#E6BF95#D19957#F9EFE4
- Airborne Complementary Color Scheme#A2C2D0#DFEBEE#CEADA3#B8866E#F2EBE6
- Arcane Brew Complementary Color Scheme#5260E1#A3B1F2#E2CD52#C0AD28#EEE8AA
- Arctic Ice Complementary Color Scheme#B6BDD0#EBEEF3#D2CBB4#B8A983#F6F4EF
- Azureno Complementary Color Scheme#8FA0D5#D2DAED#D3C190#C0A85A#F1EBD9
- Below Zero Complementary Color Scheme#87CDED#D5EDFB#EDAA86#E27945#FBE8E0
- Birdie Num Num Complementary Color Scheme#89ACDA#CFDFEF#DCB68A#CC9350#F1E6D6
- Blank Stare Complementary Color Scheme#8B9CAC#BECBD7#B49C83#927558#D9CDC3
- Blue Bay Complementary Color Scheme#619AD6#ABCAEA#D79E62#BB7731#ECD0B1
- Blue Haze Complementary Color Scheme#BDBACE#F3F1F3#CFD2B5#B1B787#F4F4F0
- Blue Jay Complementary Color Scheme#5588DD#A3BAE3#DDAA55#BF852B#ECD5AA
Questions
What colors go with Easter Egg?
In a complementary scheme: Casa del Mar (#CACFE6), Candidate (#C3BC90), Gingko Leaf (#B3A156), Always Almond (#EBE5D2).
What is the hex code of Easter Egg?
#8E97C7.