Porcelain Mint Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Porcelain Mint (#DBE7E1), each snapped to its nearest named color.
#7DAF94
#AFC5BC
#DBE7E1
#F0F4F2
#F0F4F2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Nature Green | #7DAF94 | 125, 175, 148 | 148°, 24%, 59% | 29, 0, 15, 31 | |
| Sparkling Lake | #AFC5BC | 175, 197, 188 | 155°, 16%, 73% | 11, 0, 5, 23 | |
| Porcelain Mint | #DBE7E1 | 219, 231, 225 | 150°, 20%, 88% | 5, 0, 3, 9 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7DAF94 on #F0F4F2 | 2.24:1 | — |
| Aa #7DAF94 on #F0F4F2 | 2.24:1 | — |
| Aa #7DAF94 on #DBE7E1 | 1.96:1 | — |
| Aa #AFC5BC on #F0F4F2 | 1.64:1 | — |
| Aa #AFC5BC on #F0F4F2 | 1.64:1 | — |
| Aa #AFC5BC on #DBE7E1 | 1.43:1 | — |
CSS variables
:root {
--color-1: #7daf94; /* Nature Green */
--color-2: #afc5bc; /* Sparkling Lake */
--color-3: #dbe7e1; /* Porcelain Mint */
--color-4: #f0f4f2; /* Bakery Box */
--color-5: #f0f4f2; /* Bakery Box */
}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 Split-complementary Color Scheme#DBE7E1#E7D8EA#E7D9DB#AACCBB#F6F1F4
- Porcelain Mint Tetradic Color Scheme#DBE7E1#D9D9EA#E7DBE1#E9EADB#EFF5F1
More Very Light Green monochromatic palettes
- Airy Fields Monochromatic Color Scheme#9CAD60#B6CA90#DBE0C4#F4F7EE#F4F7EE
- Ambrosia Monochromatic Color Scheme#74AF54#9CCA84#C6E1BC#F1F8EC#F1F8EC
- Amnesiac White Monochromatic Color Scheme#CAE277#E3EBAE#F8FBEB#F8FBEB#F8FBEB
- Arabica Mint Monochromatic Color Scheme#32FFDC#73FCD6#C0FFEE#E7FAFA#E7FAFA
- Bath Bubbles Monochromatic Color Scheme#88BB95#B3D5C0#E6F2EA#EFF5F1#EFF5F1
- Bethlehem Superstar Monochromatic Color Scheme#A9BE70#CFD5A7#EAEEDA#F4F7EE#F4F7EE
- Blissful Serenity Monochromatic Color Scheme#AEC571#CFD4A4#EAEED8#F6F7ED#F6F7ED
- Breath of Celery Monochromatic Color Scheme#97BC62#BBCC99#DCE7CB#F4F7EE#F4F7EE
- Candied Snow Monochromatic Color Scheme#3AFDDB#8CFFDB#D8FFF3#EBFCF5#EBFCF5
- Caribbean Monochromatic Color Scheme#58CEB2#88DDCC#CAF0E5#E9F9F5#E9F9F5
- Clair de Lune Monochromatic Color Scheme#7BB18D#AACCB9#DBE9DF#EFF5F1#EFF5F1
- Creamy Garlic Monochromatic Color Scheme#AFB982#CCD1B2#ECEFE3#F4F7EE#F4F7EE
Questions
What colors go with Porcelain Mint?
In a monochromatic scheme: Nature Green (#7DAF94), Sparkling Lake (#AFC5BC), Bakery Box (#F0F4F2), Bakery Box (#F0F4F2).
What is the hex code of Porcelain Mint?
#DBE7E1.