Porcelain Mint Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Porcelain Mint (#DBE7E1), each snapped to its nearest named color.
#DBE7E1
#E7D8EA
#E7D9DB
#AACCBB
#F6F1F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Porcelain Mint | #DBE7E1 | 219, 231, 225 | 150°, 20%, 88% | 5, 0, 3, 9 | |
| Pale Grey Magenta | #E7D8EA | 231, 216, 234 | 290°, 30%, 88% | 1, 8, 0, 8 | |
| Death Cap | #E7D9DB | 231, 217, 219 | 351°, 23%, 88% | 0, 6, 5, 9 | |
| Greywacke | #AACCBB | 170, 204, 187 | 150°, 25%, 73% | 17, 0, 8, 20 | |
| Grim White | #F6F1F4 | 246, 241, 244 | 324°, 22%, 95% | 0, 2, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AACCBB on #F6F1F4 | 1.56:1 | — |
| Aa #DBE7E1 on #AACCBB | 1.37:1 | — |
| Aa #E7D8EA on #AACCBB | 1.28:1 | — |
| Aa #E7D9DB on #AACCBB | 1.27:1 | — |
| Aa #E7D9DB on #F6F1F4 | 1.23:1 | — |
| Aa #E7D8EA on #F6F1F4 | 1.22:1 | — |
CSS variables
:root {
--color-1: #dbe7e1; /* Porcelain Mint */
--color-2: #e7d8ea; /* Pale Grey Magenta */
--color-3: #e7d9db; /* Death Cap */
--color-4: #aaccbb; /* Greywacke */
--color-5: #f6f1f4; /* Grim White */
}Other schemes from Porcelain Mint
- Porcelain Mint Complementary Color Scheme#DBE7E1#EFF5F1#E7DBE1#CAA7BB#F5F0F1
- Porcelain Mint Analogous Color Scheme#E1E9DB#D8E9DB#DBE7E1#DCE9E9#DAE2E9
- Porcelain Mint Triadic Color Scheme#DBE7E1#E3DAE9#E9E1D9#EFF5F1#BCACCD
- Porcelain Mint Tetradic Color Scheme#DBE7E1#D9D9EA#E7DBE1#E9EADB#EFF5F1
- Porcelain Mint Monochromatic Color Scheme#7DAF94#AFC5BC#DBE7E1#F0F4F2#F0F4F2
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 Porcelain Mint?
In a split-complementary scheme: Pale Grey Magenta (#E7D8EA), Death Cap (#E7D9DB), Greywacke (#AACCBB), Grim White (#F6F1F4).
What is the hex code of Porcelain Mint?
#DBE7E1.