Sea Foam Mist Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sea Foam Mist (#CBDCE2), each snapped to its nearest named color.
#CBDCE2
#E1C9D1
#E2DCCC
#9CBCC6
#F7EFEF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sea Foam Mist | #CBDCE2 | 203, 220, 226 | 196°, 28%, 84% | 10, 3, 0, 11 | |
| Sweet and Sassy | #E1C9D1 | 225, 201, 209 | 340°, 29%, 84% | 0, 11, 7, 12 | |
| Catacomb Bone | #E2DCCC | 226, 220, 204 | 44°, 27%, 84% | 0, 3, 10, 11 | |
| Déjà Blue | #9CBCC6 | 156, 188, 198 | 194°, 27%, 69% | 21, 5, 0, 22 | |
| Vienna Dawn | #F7EFEF | 247, 239, 239 | 0°, 33%, 95% | 0, 3, 3, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9CBCC6 on #F7EFEF | 1.78:1 | — |
| Aa #E2DCCC on #9CBCC6 | 1.47:1 | — |
| Aa #CBDCE2 on #9CBCC6 | 1.43:1 | — |
| Aa #E1C9D1 on #F7EFEF | 1.38:1 | — |
| Aa #E1C9D1 on #9CBCC6 | 1.29:1 | — |
| Aa #CBDCE2 on #F7EFEF | 1.25:1 | — |
CSS variables
:root {
--color-1: #cbdce2; /* Sea Foam Mist */
--color-2: #e1c9d1; /* Sweet and Sassy */
--color-3: #e2dccc; /* Catacomb Bone */
--color-4: #9cbcc6; /* Déjà Blue */
--color-5: #f7efef; /* Vienna Dawn */
}Other schemes from Sea Foam Mist
- Sea Foam Mist Complementary Color Scheme#CBDCE2#F0F4F8#E3D1CC#C6A698#F6F2F1
- Sea Foam Mist Analogous Color Scheme#C9E2CF#CCE2DD#CBDCE2#CBD1E1#D1CAE1
- Sea Foam Mist Triadic Color Scheme#CBDCE2#E3CCDC#DBE2CC#F0F4F8#CC99BB
- Sea Foam Mist Tetradic Color Scheme#CBDCE2#DCCAE0#E3D1CC#D2E3CC#F0F4F8
- Sea Foam Mist Monochromatic Color Scheme#699CAB#9CBCC6#CBDCE2#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 Sea Foam Mist?
In a split-complementary scheme: Sweet and Sassy (#E1C9D1), Catacomb Bone (#E2DCCC), Déjà Blue (#9CBCC6), Vienna Dawn (#F7EFEF).
What is the hex code of Sea Foam Mist?
#CBDCE2.