Purple Illusion Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Purple Illusion (#B8B8F8), each snapped to its nearest named color.
#B8B8F8
#F7D6BA
#CFFDBC
#7777EE
#FFF1E8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Purple Illusion | #B8B8F8 | 184, 184, 248 | 240°, 82%, 85% | 26, 26, 0, 3 | |
| Beyond the Pale | #F7D6BA | 247, 214, 186 | 28°, 79%, 85% | 0, 13, 25, 3 | |
| Breeze of Green | #CFFDBC | 207, 253, 188 | 102°, 94%, 86% | 18, 0, 26, 1 | |
| Hera Blue | #7777EE | 119, 119, 238 | 240°, 78%, 70% | 50, 50, 0, 7 | |
| Pico Ivory | #FFF1E8 | 255, 241, 232 | 23°, 100%, 95% | 0, 5, 9, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7777EE on #FFF1E8 | 3.36:1 | AA large |
| Aa #CFFDBC on #7777EE | 3.26:1 | AA large |
| Aa #F7D6BA on #7777EE | 2.70:1 | — |
| Aa #B8B8F8 on #7777EE | 1.99:1 | — |
| Aa #B8B8F8 on #FFF1E8 | 1.69:1 | — |
| Aa #B8B8F8 on #CFFDBC | 1.64:1 | — |
CSS variables
:root {
--color-1: #b8b8f8; /* Purple Illusion */
--color-2: #f7d6ba; /* Beyond the Pale */
--color-3: #cffdbc; /* Breeze of Green */
--color-4: #7777ee; /* Hera Blue */
--color-5: #fff1e8; /* Pico Ivory */
}Other schemes from Purple Illusion
- Purple Illusion Complementary Color Scheme#B8B8F8#E6E8FA#FCF9BD#F5F171#FEFEE7
- Purple Illusion Analogous Color Scheme#B2F8F8#BBDAF8#B8B8F8#D8B8F8#F8B8F8
- Purple Illusion Triadic Color Scheme#B8B8F8#F7B6BA#B8F8B8#E6E8FA#F4706E
- Purple Illusion Tetradic Color Scheme#B8B8F8#F5B9D8#FCF9BD#B8F8D8#E6E8FA
- Purple Illusion Monochromatic Color Scheme#273BE2#7777EE#B8B8F8#E6E8FA#E6E8FA
More Very Light Blue split-complementary palettes
- A Dime a Dozen Split-complementary Color Scheme#D3DDE4#E2D4D4#E3E4D2#A2BACB#F5F0F1
- Andromeda Blue Split-complementary Color Scheme#ABCDEE#EDAAAC#EEEEAA#72A7E1#F9EAEA
- Après-Ski Split-complementary Color Scheme#CED5E4#E3D2CE#E1E2CF#9BA9CA#F7EFEF
- Ariel Split-complementary Color Scheme#AED7EA#EAABBC#ECDFAD#74B8DA#F8EAED
- Baby Blue Split-complementary Color Scheme#A2CFFE#FEA5A2#FCFFA4#55AAFF#FFE6E7
- Bird Bath Blue Split-complementary Color Scheme#CDDFE7#E5CCD1#E8E1CE#99BDD2#F7EFEF
- Blue Silk Split-complementary Color Scheme#D0DCE8#E9CFCF#E9E9D0#9EB6D0#F6EEED
- Breaking the Ice Split-complementary Color Scheme#B8E4F5#F3BAC9#F3E8B8#76C5E7#FFE9ED
- Breath of Fresh Air Split-complementary Color Scheme#C7DBE4#E2C9CE#E3DEC6#97BBC8#F7EFEF
- Breeze Split-complementary Color Scheme#AEC9EA#E6B0AF#E8EBAF#71A2D4#F9EAEB
- Breezy Split-complementary Color Scheme#C2DDE6#E7C2CA#E7DCC1#8DBBD1#F7EFEF
- Bright Star Split-complementary Color Scheme#DDE2E6#E9D9DC#EAE7DA#AABCCB#F4EFEE
Questions
What colors go with Purple Illusion?
In a split-complementary scheme: Beyond the Pale (#F7D6BA), Breeze of Green (#CFFDBC), Hera Blue (#7777EE), Pico Ivory (#FFF1E8).
What is the hex code of Purple Illusion?
#B8B8F8.