Nordic Breeze Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Nordic Breeze (#D3DDE7), each snapped to its nearest named color.
#D3DDE7
#E9D3D4
#E8E8D4
#A2B8CE
#F6EEED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Nordic Breeze | #D3DDE7 | 211, 221, 231 | 210°, 29%, 87% | 9, 4, 0, 9 | |
| Beloved Pink | #E9D3D4 | 233, 211, 212 | 357°, 33%, 87% | 0, 9, 9, 9 | |
| Green Iced Tea | #E8E8D4 | 232, 232, 212 | 60°, 30%, 87% | 0, 0, 9, 9 | |
| Blue Garter | #A2B8CE | 162, 184, 206 | 210°, 31%, 72% | 21, 11, 0, 19 | |
| Grannie’s Pearls | #F6EEED | 246, 238, 237 | 7°, 33%, 95% | 0, 3, 4, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A2B8CE on #F6EEED | 1.79:1 | — |
| Aa #E8E8D4 on #A2B8CE | 1.65:1 | — |
| Aa #D3DDE7 on #A2B8CE | 1.48:1 | — |
| Aa #E9D3D4 on #A2B8CE | 1.43:1 | — |
| Aa #E9D3D4 on #F6EEED | 1.25:1 | — |
| Aa #D3DDE7 on #F6EEED | 1.20:1 | — |
CSS variables
:root {
--color-1: #d3dde7; /* Nordic Breeze */
--color-2: #e9d3d4; /* Beloved Pink */
--color-3: #e8e8d4; /* Green Iced Tea */
--color-4: #a2b8ce; /* Blue Garter */
--color-5: #f6eeed; /* Grannie’s Pearls */
}Other schemes from Nordic Breeze
- Nordic Breeze Complementary Color Scheme#D3DDE7#EDF2F8#E6DDD4#CAB8A2#F6F4EF
- Nordic Breeze Analogous Color Scheme#D3E7DC#D2E6E8#D3DDE7#D3D4E5#DED3E6
- Nordic Breeze Triadic Color Scheme#D3DDE7#E6D2DC#DEE7D4#EDF2F8#C8A3B8
- Nordic Breeze Tetradic Color Scheme#D3DDE7#E8D2E3#E6DDD4#D2E6D3#EDF2F8
- Nordic Breeze Monochromatic Color Scheme#6C90B2#A2B8CE#D3DDE7#EDF2F8#EDF2F8
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 Nordic Breeze?
In a split-complementary scheme: Beloved Pink (#E9D3D4), Green Iced Tea (#E8E8D4), Blue Garter (#A2B8CE), Grannie’s Pearls (#F6EEED).
What is the hex code of Nordic Breeze?
#D3DDE7.