Glow in the Dark Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Glow in the Dark (#BEFDB7), each snapped to its nearest named color.
#BEFDB7
#D6B4FC
#FABFE4
#77FF66
#F0EBFC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Glow in the Dark | #BEFDB7 | 190, 253, 183 | 114°, 95%, 85% | 25, 0, 28, 1 | |
| Light Violet | #D6B4FC | 214, 180, 252 | 268°, 92%, 85% | 15, 29, 0, 1 | |
| Pretty in Pink | #FABFE4 | 250, 191, 228 | 322°, 86%, 86% | 0, 24, 9, 2 | |
| Poisonous Dart | #77FF66 | 119, 255, 102 | 113°, 100%, 70% | 53, 0, 60, 0 | |
| Placebo Purple | #F0EBFC | 240, 235, 252 | 258°, 74%, 95% | 5, 7, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D6B4FC on #F0EBFC | 1.53:1 | — |
| Aa #BEFDB7 on #D6B4FC | 1.52:1 | — |
| Aa #D6B4FC on #77FF66 | 1.38:1 | — |
| Aa #FABFE4 on #F0EBFC | 1.32:1 | — |
| Aa #BEFDB7 on #FABFE4 | 1.31:1 | — |
| Aa #FABFE4 on #77FF66 | 1.19:1 | — |
CSS variables
:root {
--color-1: #befdb7; /* Glow in the Dark */
--color-2: #d6b4fc; /* Light Violet */
--color-3: #fabfe4; /* Pretty in Pink */
--color-4: #77ff66; /* Poisonous Dart */
--color-5: #f0ebfc; /* Placebo Purple */
}Other schemes from Glow in the Dark
- Glow in the Dark Complementary Color Scheme#BEFDB7#EBFCEC#F4BBFF#F06FFF#FFEBFE
- Glow in the Dark Analogous Color Scheme#FFF6B9#ECFCBD#BEFDB7#AFFFD5#B7FFFA
- Glow in the Dark Triadic Color Scheme#BEFDB7#BBBBFF#FFBBBB#EBFCEC#6A79F7
- Glow in the Dark Tetradic Color Scheme#BEFDB7#B0E0F7#F4BBFF#FFD2B6#EBFCEC
- Glow in the Dark Monochromatic Color Scheme#33FF22#77FF66#BEFDB7#EBFCEC#EBFCEC
More Very Light Green split-complementary palettes
- Airy Fields Split-complementary Color Scheme#DBE0C4#C6CDE0#D7C9E3#B6CA90#EDF2F8
- Ambrosia Split-complementary Color Scheme#C6E1BC#CABAE0#E1BCD8#9CCA84#EBECF5
- Amnesiac White Split-complementary Color Scheme#F8FBEB#E7EFFB#F8EBFC#E3EBAE#E7EFFB
- Arabica Mint Split-complementary Color Scheme#C0FFEE#FEC9ED#FCCDC1#73FCD6#FEE8F5
- Bath Bubbles Split-complementary Color Scheme#E6F2EA#F0E5F5#F2E7E7#B3D5C0#F8EEF4
- Bethlehem Superstar Split-complementary Color Scheme#EAEEDA#D9E0EE#E7D7EF#CFD5A7#EDF2F8
- Blissful Serenity Split-complementary Color Scheme#EAEED8#D6DFEC#E7D7EF#CFD4A4#EDF2F8
- Breath of Celery Split-complementary Color Scheme#DCE7CB#CACFE6#E6CEE6#BBCC99#EDF2F8
- Candied Snow Split-complementary Color Scheme#D8FFF3#FFDBF7#FEE0DA#8CFFDB#FEE8F5
- Caribbean Split-complementary Color Scheme#CAF0E5#EFC9EC#F1D2C9#88DDCC#FCEBF4
- Clair de Lune Split-complementary Color Scheme#DBE9DF#E5DBEB#E9DBDE#AACCB9#F6F1F4
- Creamy Garlic Split-complementary Color Scheme#ECEFE3#E2E6EF#EDE2EE#CCD1B2#EDF2F8
Questions
What colors go with Glow in the Dark?
In a split-complementary scheme: Light Violet (#D6B4FC), Pretty in Pink (#FABFE4), Poisonous Dart (#77FF66), Placebo Purple (#F0EBFC).
What is the hex code of Glow in the Dark?
#BEFDB7.