Zen Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Zen (#CFD9DE), each snapped to its nearest named color.
#CFD9DE
#E0CDD1
#E1DDCD
#9FB6C6
#F5F0F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Zen | #CFD9DE | 207, 217, 222 | 200°, 19%, 84% | 7, 2, 0, 13 | 87.9% 0.013 229 | |
| Rosebud | #E0CDD1 | 224, 205, 209 | 347°, 23%, 84% | 0, 8, 7, 12 | 86.5% 0.022 3 | |
| Cappuccino Cosmico | #E1DDCD | 225, 221, 205 | 48°, 25%, 84% | 0, 2, 9, 12 | 89.6% 0.022 95 | |
| Country Air | #9FB6C6 | 159, 182, 198 | 205°, 25%, 70% | 20, 8, 0, 22 | 76.4% 0.034 238 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 | 95.9% 0.006 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9FB6C6 on #F5F0F1 | 1.87:1 | — |
| Aa #E1DDCD on #9FB6C6 | 1.55:1 | — |
| Aa #CFD9DE on #9FB6C6 | 1.47:1 | — |
| Aa #E0CDD1 on #9FB6C6 | 1.38:1 | — |
| Aa #E0CDD1 on #F5F0F1 | 1.35:1 | — |
| Aa #CFD9DE on #F5F0F1 | 1.27:1 | — |
CSS variables
:root {
--color-1: #cfd9de; /* Zen */
--color-2: #e0cdd1; /* Rosebud */
--color-3: #e1ddcd; /* Cappuccino Cosmico */
--color-4: #9fb6c6; /* Country Air */
--color-5: #f5f0f1; /* Plastic Clouds */
}Other schemes from Zen
- Zen Complementary Color Scheme#CFD9DE#EEF2F3#E3D4CD#C4A99D#F5F0F1
- Zen Analogous Color Scheme#C8E3D2#CCE2DD#CFD9DE#CBD1E1#D1CAE1
- Zen Triadic Color Scheme#CFD9DE#E1CBDA#DBE2CC#EEF2F3#C89EB7
- Zen Tetradic Color Scheme#CFD9DE#DCCAE0#E3D4CD#D2E3CC#EEF2F3
- Zen Monochromatic Color Scheme#7893A0#A4B7BD#CFD9DE#F2F3F4#F2F3F4
More very light blue split-complementary color schemes
- 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 Zen?
In a split-complementary scheme: Rosebud (#E0CDD1), Cappuccino Cosmico (#E1DDCD), Country Air (#9FB6C6), Plastic Clouds (#F5F0F1).
What is the hex code of Zen?
#CFD9DE.