Porcelain Mint Complementary Color Scheme
Five colors arranged by the complementary rule around Porcelain Mint (#DBE7E1), each snapped to its nearest named color.
#DBE7E1
#EFF5F1
#E7DBE1
#CAA7BB
#F5F0F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Porcelain Mint | #DBE7E1 | 219, 231, 225 | 150°, 20%, 88% | 5, 0, 3, 9 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | |
| Bōsōzoku Pink | #E7DBE1 | 231, 219, 225 | 330°, 20%, 88% | 0, 5, 3, 9 | |
| Fragrant Lilac | #CAA7BB | 202, 167, 187 | 326°, 25%, 72% | 0, 17, 7, 21 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EFF5F1 on #CAA7BB | 1.95:1 | — |
| Aa #CAA7BB on #F5F0F1 | 1.91:1 | — |
| Aa #DBE7E1 on #CAA7BB | 1.69:1 | — |
| Aa #E7DBE1 on #CAA7BB | 1.60:1 | — |
| Aa #EFF5F1 on #E7DBE1 | 1.22:1 | — |
| Aa #E7DBE1 on #F5F0F1 | 1.19:1 | — |
CSS variables
:root {
--color-1: #dbe7e1; /* Porcelain Mint */
--color-2: #eff5f1; /* Heavy Sugar */
--color-3: #e7dbe1; /* Bōsōzoku Pink */
--color-4: #caa7bb; /* Fragrant Lilac */
--color-5: #f5f0f1; /* Plastic Clouds */
}Other schemes from Porcelain Mint
- 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
- Porcelain Mint Monochromatic Color Scheme#7DAF94#AFC5BC#DBE7E1#F0F4F2#F0F4F2
More Very Light Green complementary palettes
- Airy Fields Complementary Color Scheme#DBE0C4#F4F7EE#CAC1E2#9E91C3#EBECF5
- Ambrosia Complementary Color Scheme#C6E1BC#F1F8EC#DCBFE1#B48AC2#F8EEF4
- Amnesiac White Complementary Color Scheme#F8FBEB#F8FBEB#EEE9F9#ACACE6#EEE9F9
- Arabica Mint Complementary Color Scheme#C0FFEE#E7FAFA#FFC1D0#FF7799#FFE5ED
- Bath Bubbles Complementary Color Scheme#E6F2EA#EFF5F1#F1E8EC#DAB4CC#F8EEF4
- Bethlehem Superstar Complementary Color Scheme#EAEEDA#F4F7EE#DDDCEF#B2A5D3#EBECF5
- Blissful Serenity Complementary Color Scheme#EAEED8#F6F7ED#DBD7F2#A6A1D7#EBECF5
- Breath of Celery Complementary Color Scheme#DCE7CB#F4F7EE#D9CDE5#AE99D2#F1F2F8
- Candied Snow Complementary Color Scheme#D8FFF3#EBFCF5#FDD7E4#FC89AC#FFE5ED
- Caribbean Complementary Color Scheme#CAF0E5#E9F9F5#EDC9D5#DC89A8#F8EAED
- Clair de Lune Complementary Color Scheme#DBE9DF#EFF5F1#E9DBE4#CCACC1#F6F1F4
- Creamy Garlic Complementary Color Scheme#ECEFE3#F4F7EE#E5E3EF#BFB3D1#F1F2F8
Questions
What colors go with Porcelain Mint?
In a complementary scheme: Heavy Sugar (#EFF5F1), Bōsōzoku Pink (#E7DBE1), Fragrant Lilac (#CAA7BB), Plastic Clouds (#F5F0F1).
What is the hex code of Porcelain Mint?
#DBE7E1.