Morning Mist Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Morning Mist (#E5EDF1), each snapped to its nearest named color.
#E5EDF1
#F0E5E5
#F1EFE4
#B4CBD4
#F7EFEF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Morning Mist | #E5EDF1 | 229, 237, 241 | 200°, 30%, 92% | 5, 2, 0, 5 | |
| Venus Pink | #F0E5E5 | 240, 229, 229 | 0°, 27%, 92% | 0, 5, 5, 6 | |
| Fog White | #F1EFE4 | 241, 239, 228 | 51°, 32%, 92% | 0, 1, 5, 5 | |
| April Tears | #B4CBD4 | 180, 203, 212 | 197°, 27%, 77% | 15, 4, 0, 17 | |
| Vienna Dawn | #F7EFEF | 247, 239, 239 | 0°, 33%, 95% | 0, 3, 3, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B4CBD4 on #F7EFEF | 1.49:1 | — |
| Aa #F1EFE4 on #B4CBD4 | 1.46:1 | — |
| Aa #E5EDF1 on #B4CBD4 | 1.42:1 | — |
| Aa #F0E5E5 on #B4CBD4 | 1.37:1 | — |
| Aa #F0E5E5 on #F7EFEF | 1.09:1 | — |
| Aa #F0E5E5 on #F1EFE4 | 1.07:1 | — |
CSS variables
:root {
--color-1: #e5edf1; /* Morning Mist */
--color-2: #f0e5e5; /* Venus Pink */
--color-3: #f1efe4; /* Fog White */
--color-4: #b4cbd4; /* April Tears */
--color-5: #f7efef; /* Vienna Dawn */
}Other schemes from Morning Mist
- Morning Mist Complementary Color Scheme#E5EDF1#F0F4F8#EFE9E6#D5BFB4#F4F1EC
- Morning Mist Analogous Color Scheme#E6F2E9#E5F1EE#E5EDF1#E6E6F1#E9E4EF
- Morning Mist Triadic Color Scheme#E5EDF1#EFE7EB#ECF0E5#F0F4F8#D6B3CC
- Morning Mist Tetradic Color Scheme#E5EDF1#ECE7F2#EFE9E6#E7F1E6#F0F4F8
- Morning Mist Monochromatic Color Scheme#80A9B8#B4CBD4#E5EDF1#F0F4F8#F0F4F8
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 Morning Mist?
In a split-complementary scheme: Venus Pink (#F0E5E5), Fog White (#F1EFE4), April Tears (#B4CBD4), Vienna Dawn (#F7EFEF).
What is the hex code of Morning Mist?
#E5EDF1.