Niagara Falls Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Niagara Falls (#CBE3EE), each snapped to its nearest named color.
#CBE3EE
#F0CDD2
#EDE6CB
#93C5DD
#F8EAED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Niagara Falls | #CBE3EE | 203, 227, 238 | 199°, 51%, 86% | 15, 5, 0, 7 | |
| Milkshake Pink | #F0CDD2 | 240, 205, 210 | 351°, 54%, 87% | 0, 15, 13, 6 | |
| Banana Milkshake | #EDE6CB | 237, 230, 203 | 48°, 49%, 86% | 0, 3, 14, 7 | |
| Caribbean Coast | #93C5DD | 147, 197, 221 | 199°, 52%, 72% | 33, 11, 0, 13 | |
| Morning Shine | #F8EAED | 248, 234, 237 | 347°, 50%, 95% | 0, 6, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #93C5DD on #F8EAED | 1.60:1 | — |
| Aa #EDE6CB on #93C5DD | 1.49:1 | — |
| Aa #CBE3EE on #93C5DD | 1.40:1 | — |
| Aa #F0CDD2 on #93C5DD | 1.27:1 | — |
| Aa #F0CDD2 on #F8EAED | 1.25:1 | — |
| Aa #F0CDD2 on #EDE6CB | 1.17:1 | — |
CSS variables
:root {
--color-1: #cbe3ee; /* Niagara Falls */
--color-2: #f0cdd2; /* Milkshake Pink */
--color-3: #ede6cb; /* Banana Milkshake */
--color-4: #93c5dd; /* Caribbean Coast */
--color-5: #f8eaed; /* Morning Shine */
}Other schemes from Niagara Falls
- Niagara Falls Complementary Color Scheme#CBE3EE#ECF3F9#F0D6CA#D9AA8F#F8F1EB
- Niagara Falls Analogous Color Scheme#D0EED7#CCEDEA#CBE3EE#C9D1EF#CEC8EF
- Niagara Falls Triadic Color Scheme#CBE3EE#ECCEE5#E5EECC#ECF3F9#DA93C1
- Niagara Falls Tetradic Color Scheme#CBE3EE#EECCEE#F0D6CA#D1EDCD#ECF3F9
- Niagara Falls Monochromatic Color Scheme#54A9CA#93C5DD#CBE3EE#ECF3F9#ECF3F9
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 Niagara Falls?
In a split-complementary scheme: Milkshake Pink (#F0CDD2), Banana Milkshake (#EDE6CB), Caribbean Coast (#93C5DD), Morning Shine (#F8EAED).
What is the hex code of Niagara Falls?
#CBE3EE.