Neon Boneyard Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Neon Boneyard (#DFC5FE), each snapped to its nearest named color.
#DFC5FE
#FFFCC4
#CCFFC2
#BF77F6
#FFFEE5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Neon Boneyard | #DFC5FE | 223, 197, 254 | 267°, 97%, 88% | 12, 22, 0, 0 | |
| Lemon Soap | #FFFCC4 | 255, 252, 196 | 57°, 100%, 88% | 0, 1, 23, 0 | |
| Frosted Mint Hills | #CCFFC2 | 204, 255, 194 | 110°, 100%, 88% | 20, 0, 24, 0 | |
| Illicit Purple | #BF77F6 | 191, 119, 246 | 274°, 88%, 72% | 22, 52, 0, 4 | |
| Wedding in White | #FFFEE5 | 255, 254, 229 | 58°, 100%, 95% | 0, 0, 10, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BF77F6 on #FFFEE5 | 2.86:1 | — |
| Aa #FFFCC4 on #BF77F6 | 2.78:1 | — |
| Aa #CCFFC2 on #BF77F6 | 2.60:1 | — |
| Aa #DFC5FE on #BF77F6 | 1.89:1 | — |
| Aa #DFC5FE on #FFFEE5 | 1.52:1 | — |
| Aa #DFC5FE on #FFFCC4 | 1.47:1 | — |
CSS variables
:root {
--color-1: #dfc5fe; /* Neon Boneyard */
--color-2: #fffcc4; /* Lemon Soap */
--color-3: #ccffc2; /* Frosted Mint Hills */
--color-4: #bf77f6; /* Illicit Purple */
--color-5: #fffee5; /* Wedding in White */
}Other schemes from Neon Boneyard
- Neon Boneyard Complementary Color Scheme#DFC5FE#F0EBFC#EAF7C9#CCFD7F#F6FFE8
- Neon Boneyard Analogous Color Scheme#C6E3F7#C1C6FC#DFC5FE#FFCCFF#FDC5E3
- Neon Boneyard Triadic Color Scheme#DFC5FE#FEDDC5#CCFFDD#F0EBFC#FFB97B
- Neon Boneyard Tetradic Color Scheme#DFC5FE#FFC5CB#EAF7C9#C7FFFF#F0EBFC
- Neon Boneyard Monochromatic Color Scheme#9437FF#BF77F6#DFC5FE#F0EBFC#F0EBFC
More Very Light Purple split-complementary palettes
- Beefy Pink Split-complementary Color Scheme#DEBEEF#E9EDBD#B8EBC5#BF8FE5#F8FBEB
- Digital Lavender Split-complementary Color Scheme#CAC0E1#E2DAC2#C5E1C3#9E91C3#F7F5ED
- Diva Split-complementary Color Scheme#C9A0FF#FFF4A1#AAFFAA#9955FF#FFFEE5
- Dust of the Moon Split-complementary Color Scheme#CFC9DF#DFD8C8#CFDDC7#A598C4#F6F4EF
- Foggy Love Split-complementary Color Scheme#D5C7E8#EBE6C7#CBE9C9#AA8ED6#F9F7EC
- Girl Crush Split-complementary Color Scheme#D1C0DC#DADCC1#C0DBC6#A893C1#F6F6F0
- Greek Goddess Split-complementary Color Scheme#EDE9EF#F0F1E7#E7F2E9#CCB8D2#F4F4F0
- Holographic Lavender Split-complementary Color Scheme#F0E5F5#F0F4E5#E6F3E7#D6B7E2#F6F7ED
- Homoeopathic Lavender Split-complementary Color Scheme#E5E0EC#EDEBE1#E3EDE0#BDB0D0#F6F4EF
- Iron Maiden Split-complementary Color Scheme#D6D1DC#E3E1CC#CCE2CA#A99EC1#F6F4EF
- Lavender Bliss Split-complementary Color Scheme#CEC3DD#DEDBC4#C5DCC6#A893C1#F6F4EF
- Lilac Split-complementary Color Scheme#CEA2FD#FCFFA4#AAFFAA#AA55FF#FEFEE7
Questions
What colors go with Neon Boneyard?
In a split-complementary scheme: Lemon Soap (#FFFCC4), Frosted Mint Hills (#CCFFC2), Illicit Purple (#BF77F6), Wedding in White (#FFFEE5).
What is the hex code of Neon Boneyard?
#DFC5FE.