Mental Floss Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mental Floss (#DEB4C5), each snapped to its nearest named color.
#DEB4C5
#B6DBBF
#B7DADD
#CB7D96
#EAF5E7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mental Floss | #DEB4C5 | 222, 180, 197 | 336°, 39%, 79% | 0, 19, 11, 13 | |
| Ice Mist | #B6DBBF | 182, 219, 191 | 135°, 34%, 79% | 17, 0, 13, 14 | |
| Light Watermark | #B7DADD | 183, 218, 221 | 185°, 36%, 79% | 17, 1, 0, 13 | |
| Wild Rose | #CB7D96 | 203, 125, 150 | 341°, 43%, 64% | 0, 38, 26, 20 | |
| Floaty Bubble | #EAF5E7 | 234, 245, 231 | 107°, 41%, 93% | 4, 0, 6, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CB7D96 on #EAF5E7 | 2.71:1 | — |
| Aa #B7DADD on #CB7D96 | 2.04:1 | — |
| Aa #B6DBBF on #CB7D96 | 2.01:1 | — |
| Aa #DEB4C5 on #CB7D96 | 1.65:1 | — |
| Aa #DEB4C5 on #EAF5E7 | 1.64:1 | — |
| Aa #B6DBBF on #EAF5E7 | 1.35:1 | — |
CSS variables
:root {
--color-1: #deb4c5; /* Mental Floss */
--color-2: #b6dbbf; /* Ice Mist */
--color-3: #b7dadd; /* Light Watermark */
--color-4: #cb7d96; /* Wild Rose */
--color-5: #eaf5e7; /* Floaty Bubble */
}Other schemes from Mental Floss
- Mental Floss Complementary Color Scheme#DEB4C5#F7EFEF#B5DFC9#7BC8B2#EFF5F1
- Mental Floss Analogous Color Scheme#CFB1D8#DEB7D9#DEB4C5#DFB7B4#DDCDB3
- Mental Floss Triadic Color Scheme#DEB4C5#C5DCB3#B4C4DE#F7EFEF#9DCA7B
- Mental Floss Tetradic Color Scheme#DEB4C5#DADEB5#B5DFC9#B3B4DD#F7EFEF
- Mental Floss Monochromatic Color Scheme#B24E76#CB7D96#DEB4C5#F6EBEE#F7EFEF
More Light Pink split-complementary palettes
- Always Rosey Split-complementary Color Scheme#E79DB3#9BE5AA#9ED6E8#DC6080#D9F2E3
- Atomic Pink Split-complementary Color Scheme#FB7EFD#CCFD7F#7EFFBA#FF33FF#EEFFCC
- Avant-Garde Pink Split-complementary Color Scheme#FF77EE#A9F971#7BFDC7#FF2FEB#DDFFCC
- Barbiecore Split-complementary Color Scheme#E15ACB#80E45F#56FCA2#C920B0#BBEE99
- Blush d’Amour Split-complementary Color Scheme#DE5D83#44DD66#5DC2DB#C92351#99EEAA
- Blushing Sky Split-complementary Color Scheme#D9B1D6#C1D6B1#B1DAC6#CD7DB5#EAF1E4
- Bubblegum Split-complementary Color Scheme#FF85FF#C4FE82#88FFCC#FF33FF#EEFFCC
- Bubblegum Beam Split-complementary Color Scheme#F887C7#90EE90#88FFEE#E936A7#CCFFCC
- Bubblegum Kisses Split-complementary Color Scheme#F092D6#A3E493#9CE5D6#F246A7#DBF4D8
- Candy Floss Split-complementary Color Scheme#E8A7E2#C5E6A4#A8E8CB#DA70D6#EBF7E4
- Candy Pink Split-complementary Color Scheme#FF63E9#9AF764#7BFDC7#FF1DCE#C8FFB0
- Classy Mauve Split-complementary Color Scheme#BB99AA#99BD91#90BDBD#A06582#C5DCC6
Questions
What colors go with Mental Floss?
In a split-complementary scheme: Ice Mist (#B6DBBF), Light Watermark (#B7DADD), Wild Rose (#CB7D96), Floaty Bubble (#EAF5E7).
What is the hex code of Mental Floss?
#DEB4C5.