Waterfall Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Waterfall (#3AB0A2), each snapped to its nearest named color.
#3AB0A2
#A53783
#B66A3C
#2E776D
#CE6BA6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Waterfall | #3AB0A2 | 58, 176, 162 | 173°, 50%, 46% | 67, 0, 8, 31 | |
| Wild Aster | #A53783 | 165, 55, 131 | 319°, 50%, 43% | 0, 67, 21, 35 | |
| Mincemeat | #B66A3C | 182, 106, 60 | 23°, 50%, 47% | 0, 42, 67, 29 | |
| Iguaçuense Waterfall | #2E776D | 46, 119, 109 | 172°, 44%, 32% | 61, 0, 8, 53 | |
| Super Pink | #CE6BA6 | 206, 107, 166 | 324°, 50%, 61% | 0, 48, 19, 19 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3AB0A2 on #A53783 | 2.28:1 | — |
| Aa #3AB0A2 on #2E776D | 1.99:1 | — |
| Aa #A53783 on #CE6BA6 | 1.81:1 | — |
| Aa #2E776D on #CE6BA6 | 1.58:1 | — |
| Aa #3AB0A2 on #B66A3C | 1.55:1 | — |
| Aa #A53783 on #B66A3C | 1.47:1 | — |
CSS variables
:root {
--color-1: #3ab0a2; /* Waterfall */
--color-2: #a53783; /* Wild Aster */
--color-3: #b66a3c; /* Mincemeat */
--color-4: #2e776d; /* Iguaçuense Waterfall */
--color-5: #ce6ba6; /* Super Pink */
}Other schemes from Waterfall
- Waterfall Complementary Color Scheme#3AB0A2#6FD1C9#AD3D46#782A2E#D47F8D
- Waterfall Analogous Color Scheme#44AA33#35AD6B#3AB0A2#3D85B8#324AB2
- Waterfall Triadic Color Scheme#3AB0A2#B13AAD#A9A237#7DD7C0#662277
- Waterfall Tetradic Color Scheme#3AB0A2#6633BB#AD3D46#86AF38#7DD7C0
- Waterfall Monochromatic Color Scheme#1D393C#2E776D#3AB0A2#68CFC1#A3E2DD
More Medium Teal split-complementary palettes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aqua Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
Questions
What colors go with Waterfall?
In a split-complementary scheme: Wild Aster (#A53783), Mincemeat (#B66A3C), Iguaçuense Waterfall (#2E776D), Super Pink (#CE6BA6).
What is the hex code of Waterfall?
#3AB0A2.