Neon Boneyard Analogous Color Scheme
Five colors arranged by the analogous rule around Neon Boneyard (#DFC5FE), each snapped to its nearest named color.
#C6E3F7
#C1C6FC
#DFC5FE
#FFCCFF
#FDC5E3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fresh Water | #C6E3F7 | 198, 227, 247 | 204°, 75%, 87% | 20, 8, 0, 3 | |
| Light Periwinkle | #C1C6FC | 193, 198, 252 | 235°, 91%, 87% | 23, 21, 0, 1 | |
| Neon Boneyard | #DFC5FE | 223, 197, 254 | 267°, 97%, 88% | 12, 22, 0, 0 | |
| Sugar Chic | #FFCCFF | 255, 204, 255 | 300°, 100%, 90% | 0, 20, 0, 0 | |
| Sugarwinkle | #FDC5E3 | 253, 197, 227 | 328°, 93%, 88% | 0, 22, 10, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C6E3F7 on #C1C6FC | 1.23:1 | — |
| Aa #C1C6FC on #FFCCFF | 1.20:1 | — |
| Aa #C6E3F7 on #DFC5FE | 1.16:1 | — |
| Aa #DFC5FE on #FFCCFF | 1.13:1 | — |
| Aa #C1C6FC on #FDC5E3 | 1.12:1 | — |
| Aa #C6E3F7 on #FDC5E3 | 1.10:1 | — |
CSS variables
:root {
--color-1: #c6e3f7; /* Fresh Water */
--color-2: #c1c6fc; /* Light Periwinkle */
--color-3: #dfc5fe; /* Neon Boneyard */
--color-4: #ffccff; /* Sugar Chic */
--color-5: #fdc5e3; /* Sugarwinkle */
}Other schemes from Neon Boneyard
- Neon Boneyard Complementary Color Scheme#DFC5FE#F0EBFC#EAF7C9#CCFD7F#F6FFE8
- Neon Boneyard Triadic Color Scheme#DFC5FE#FEDDC5#CCFFDD#F0EBFC#FFB97B
- Neon Boneyard Split-complementary Color Scheme#DFC5FE#FFFCC4#CCFFC2#BF77F6#FFFEE5
- Neon Boneyard Tetradic Color Scheme#DFC5FE#FFC5CB#EAF7C9#C7FFFF#F0EBFC
- Neon Boneyard Monochromatic Color Scheme#9437FF#BF77F6#DFC5FE#F0EBFC#F0EBFC
More Very Light Purple analogous palettes
- Beefy Pink Analogous Color Scheme#BBCFEF#CCBBEE#DEBEEF#F1BFE2#EFBECF
- Digital Lavender Analogous Color Scheme#C3D7E0#C4C9E2#CAC0E1#DEC0E2#E5C1D9
- Diva Analogous Color Scheme#A7D7FF#A0A0FF#C9A0FF#F1A7FE#FFA6D9
- Dust of the Moon Analogous Color Scheme#CADADE#CBCCDF#CFC9DF#D9CADF#DFCBDA
- Foggy Love Analogous Color Scheme#C7DAE8#C7CCE7#D5C7E8#E7C3E7#EAC8DA
- Girl Crush Analogous Color Scheme#C1CAD9#C9C2DD#D1C0DC#DDC1D7#DCC2CB
- Greek Goddess Analogous Color Scheme#E9E9F0#E9E9F0#EDE9EF#F1E8EC#EFE7EB
- Holographic Lavender Analogous Color Scheme#E5E8F2#E6E6F1#F0E5F5#F2E4F5#F5E6EA
- Homoeopathic Lavender Analogous Color Scheme#E0E8EC#E0E0EB#E5E0EC#EEE1EB#EAE0E8
- Iron Maiden Analogous Color Scheme#CCD7E1#CCCFE2#D6D1DC#E7CEE3#E2CDD5
- Lavender Bliss Analogous Color Scheme#C4D3DC#C2C7DB#CEC3DD#DAC4DC#DEC4D2
- Lilac Analogous Color Scheme#A2CFFE#A0A0FF#CEA2FD#FFAAFF#FFA6C9
Questions
What colors go with Neon Boneyard?
In a analogous scheme: Fresh Water (#C6E3F7), Light Periwinkle (#C1C6FC), Sugar Chic (#FFCCFF), Sugarwinkle (#FDC5E3).
What is the hex code of Neon Boneyard?
#DFC5FE.