Porcelain Skin Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Porcelain Skin (#FFE7EB), each snapped to its nearest named color.
#FFE7EB
#E6FDF1
#E8F7FD
#FF9BAA
#E6FDF1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Porcelain Skin | #FFE7EB | 255, 231, 235 | 350°, 100%, 95% | 0, 9, 8, 0 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 | |
| Clear Skies | #E8F7FD | 232, 247, 253 | 197°, 84%, 95% | 8, 2, 0, 1 | |
| Salmon Tartare | #FF9BAA | 255, 155, 170 | 351°, 100%, 80% | 0, 39, 33, 0 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E6FDF1 on #FF9BAA | 1.87:1 | — |
| Aa #FF9BAA on #E6FDF1 | 1.87:1 | — |
| Aa #E8F7FD on #FF9BAA | 1.82:1 | — |
| Aa #FFE7EB on #FF9BAA | 1.70:1 | — |
| Aa #FFE7EB on #E6FDF1 | 1.10:1 | — |
| Aa #FFE7EB on #E6FDF1 | 1.10:1 | — |
CSS variables
:root {
--color-1: #ffe7eb; /* Porcelain Skin */
--color-2: #e6fdf1; /* Mint Chiffon */
--color-3: #e8f7fd; /* Clear Skies */
--color-4: #ff9baa; /* Salmon Tartare */
--color-5: #e6fdf1; /* Mint Chiffon */
}Other schemes from Porcelain Skin
- Porcelain Skin Complementary Color Scheme#FFE7EB#FFE6EC#E7FEFF#99FFEE#E7FEFF
- Porcelain Skin Analogous Color Scheme#FFEBFE#FFE3F4#FFE7EB#FFECE5#FEFBE5
- Porcelain Skin Triadic Color Scheme#FFE7EB#F1FDE9#E8EEFE#FFE6EC#B0FF9D
- Porcelain Skin Tetradic Color Scheme#FFE7EB#F6FFE8#E7FEFF#EEE9F9#FFE6EC
- Porcelain Skin Monochromatic Color Scheme#FF496C#FF9BAA#FFE7EB#FFE6EC#FFE6EC
More Very Light Red split-complementary palettes
- Abloom Split-complementary Color Scheme#F1CBCD#D1F0DD#CBE1F2#E19091#EBF8EF
- Angelic Wings Split-complementary Color Scheme#F4EFEE#F0F4F2#EEF2F3#D8C1BE#F0F4F2
- Angry Ghost Split-complementary Color Scheme#EEBBBB#BBEFD3#BBD5EF#DC7B7C#E9F9F5
- Apricot Haze Split-complementary Color Scheme#FFAAAA#AFFFD5#A7D7FF#FD5956#E6FDF1
- Ballet Split-complementary Color Scheme#F7D5D4#D0F7E4#D2E2F2#EF9A93#EBFCF5
- Ballet Slippers Split-complementary Color Scheme#FCA2AD#AAFFCC#A7D7FF#FC5669#E6FDF1
- Berry Good Split-complementary Color Scheme#EDC3C5#C2ECD8#C1DAED#DD8888#EBF8EF
- Bloodthirsty Beige Split-complementary Color Scheme#F8D7D0#CFF7EF#CFDAFB#F29E8E#EBFCF5
- Blowing Kisses Split-complementary Color Scheme#F6DEE0#DDF5E7#DCECF5#E5A2AB#EBF8EF
- Blush Kiss Split-complementary Color Scheme#EABCC0#BDE7CF#BBD6EA#D78187#EBF8EF
- Blush Rush Split-complementary Color Scheme#F0BCBE#BBEFD3#BED7F0#E07C89#E9F9F5
- Butterfly Kisses Split-complementary Color Scheme#F0DEDC#DEF1E7#DAE4EE#D9A8A8#EFF5F1
Questions
What colors go with Porcelain Skin?
In a split-complementary scheme: Mint Chiffon (#E6FDF1), Clear Skies (#E8F7FD), Salmon Tartare (#FF9BAA), Mint Chiffon (#E6FDF1).
What is the hex code of Porcelain Skin?
#FFE7EB.