Muffled White Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Muffled White (#DADBE2), each snapped to its nearest named color.
#DADBE2
#E5DCD6
#E1E5D7
#A3A7CC
#F5F0F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Muffled White | #DADBE2 | 218, 219, 226 | 233°, 12%, 87% | 4, 3, 0, 11 | |
| Cultured Pearl | #E5DCD6 | 229, 220, 214 | 24°, 22%, 87% | 0, 4, 7, 10 | |
| Touch of Lime | #E1E5D7 | 225, 229, 215 | 77°, 21%, 87% | 2, 0, 6, 10 | |
| Blossom Mauve | #A3A7CC | 163, 167, 204 | 234°, 29%, 72% | 20, 18, 0, 20 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A3A7CC on #F5F0F1 | 2.08:1 | — |
| Aa #E1E5D7 on #A3A7CC | 1.83:1 | — |
| Aa #E5DCD6 on #A3A7CC | 1.73:1 | — |
| Aa #DADBE2 on #A3A7CC | 1.70:1 | — |
| Aa #DADBE2 on #F5F0F1 | 1.22:1 | — |
| Aa #E5DCD6 on #F5F0F1 | 1.20:1 | — |
CSS variables
:root {
--color-1: #dadbe2; /* Muffled White */
--color-2: #e5dcd6; /* Cultured Pearl */
--color-3: #e1e5d7; /* Touch of Lime */
--color-4: #a3a7cc; /* Blossom Mauve */
--color-5: #f5f0f1; /* Plastic Clouds */
}Other schemes from Muffled White
- Muffled White Complementary Color Scheme#DADBE2#EEF2F3#E6E5D6#C8C5A7#F6F4EF
- Muffled White Analogous Color Scheme#D6E7E3#D7E0E7#DADBE2#DDD6E7#E4D7E5
- Muffled White Triadic Color Scheme#DADBE2#E3D5D8#D7E5D8#EEF2F3#CAA6A9
- Muffled White Tetradic Color Scheme#DADBE2#E5D8E1#E6E5D6#D8E5DD#EEF2F3
- Muffled White Monochromatic Color Scheme#82889C#AEB2C0#DADBE2#F2F2F4#F2F2F4
More Very Light Blue split-complementary palettes
- A Dime a Dozen Split-complementary Color Scheme#D3DDE4#E2D4D4#E3E4D2#A2BACB#F5F0F1
- Andromeda Blue Split-complementary Color Scheme#ABCDEE#EDAAAC#EEEEAA#72A7E1#F9EAEA
- Après-Ski Split-complementary Color Scheme#CED5E4#E3D2CE#E1E2CF#9BA9CA#F7EFEF
- Ariel Split-complementary Color Scheme#AED7EA#EAABBC#ECDFAD#74B8DA#F8EAED
- Baby Blue Split-complementary Color Scheme#A2CFFE#FEA5A2#FCFFA4#55AAFF#FFE6E7
- Bird Bath Blue Split-complementary Color Scheme#CDDFE7#E5CCD1#E8E1CE#99BDD2#F7EFEF
- Blue Silk Split-complementary Color Scheme#D0DCE8#E9CFCF#E9E9D0#9EB6D0#F6EEED
- Breaking the Ice Split-complementary Color Scheme#B8E4F5#F3BAC9#F3E8B8#76C5E7#FFE9ED
- Breath of Fresh Air Split-complementary Color Scheme#C7DBE4#E2C9CE#E3DEC6#97BBC8#F7EFEF
- Breeze Split-complementary Color Scheme#AEC9EA#E6B0AF#E8EBAF#71A2D4#F9EAEB
- Breezy Split-complementary Color Scheme#C2DDE6#E7C2CA#E7DCC1#8DBBD1#F7EFEF
- Bright Star Split-complementary Color Scheme#DDE2E6#E9D9DC#EAE7DA#AABCCB#F4EFEE
Questions
What colors go with Muffled White?
In a split-complementary scheme: Cultured Pearl (#E5DCD6), Touch of Lime (#E1E5D7), Blossom Mauve (#A3A7CC), Plastic Clouds (#F5F0F1).
What is the hex code of Muffled White?
#DADBE2.