Beefy Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Beefy Pink (#DEBEEF), each snapped to its nearest named color.
#DEBEEF
#E9EDBD
#B8EBC5
#BF8FE5
#F8FBEB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Beefy Pink | #DEBEEF | 222, 190, 239 | 279°, 60%, 84% | 7, 21, 0, 6 | |
| Spring Blossom | #E9EDBD | 233, 237, 189 | 65°, 57%, 84% | 2, 0, 20, 7 | |
| Slime Lime | #B8EBC5 | 184, 235, 197 | 135°, 56%, 82% | 22, 0, 16, 8 | |
| Luminous Lavender | #BF8FE5 | 191, 143, 229 | 273°, 62%, 73% | 17, 38, 0, 10 | |
| Amnesiac White | #F8FBEB | 248, 251, 235 | 71°, 67%, 95% | 1, 0, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BF8FE5 on #F8FBEB | 2.42:1 | — |
| Aa #E9EDBD on #BF8FE5 | 2.09:1 | — |
| Aa #B8EBC5 on #BF8FE5 | 1.90:1 | — |
| Aa #DEBEEF on #F8FBEB | 1.57:1 | — |
| Aa #DEBEEF on #BF8FE5 | 1.54:1 | — |
| Aa #DEBEEF on #E9EDBD | 1.36:1 | — |
CSS variables
:root {
--color-1: #debeef; /* Beefy Pink */
--color-2: #e9edbd; /* Spring Blossom */
--color-3: #b8ebc5; /* Slime Lime */
--color-4: #bf8fe5; /* Luminous Lavender */
--color-5: #f8fbeb; /* Amnesiac White */
}Other schemes from Beefy Pink
- Beefy Pink Complementary Color Scheme#DEBEEF#F8EBFC#CCEEBB#A3E493#F1FAEA
- Beefy Pink Analogous Color Scheme#BBCFEF#CCBBEE#DEBEEF#F1BFE2#EFBECF
- Beefy Pink Triadic Color Scheme#DEBEEF#F0DEBD#BEEDDC#F8EBFC#E7BF81
- Beefy Pink Tetradic Color Scheme#DEBEEF#EEC6BF#CCEEBB#BCE6EF#F8EBFC
- Beefy Pink Monochromatic Color Scheme#A846D7#BF8FE5#DEBEEF#F8EBFC#F8EBFC
More Very Light Purple split-complementary palettes
- 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
- Mauve Split-complementary Color Scheme#E0B0FF#FEFCAF#B6FFBB#C760FF#FFFFE5
Questions
What colors go with Beefy Pink?
In a split-complementary scheme: Spring Blossom (#E9EDBD), Slime Lime (#B8EBC5), Luminous Lavender (#BF8FE5), Amnesiac White (#F8FBEB).
What is the hex code of Beefy Pink?
#DEBEEF.