Wave Triadic Color Scheme
Five colors arranged by the triadic rule around Wave (#A5CED5), each snapped to its nearest named color.
#A5CED5
#D6A5CD
#CFD4A4
#EBF6F7
#BA7AB3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Wave | #A5CED5 | 165, 206, 213 | 189°, 36%, 74% | 23, 3, 0, 16 | |
| Berry Popsicle | #D6A5CD | 214, 165, 205 | 311°, 37%, 74% | 0, 23, 4, 16 | |
| Fresh Start | #CFD4A4 | 207, 212, 164 | 66°, 36%, 74% | 2, 0, 23, 17 | |
| Indigo White | #EBF6F7 | 235, 246, 247 | 185°, 43%, 95% | 5, 0, 0, 3 | |
| Colombo Red Mauve | #BA7AB3 | 186, 122, 179 | 307°, 32%, 60% | 0, 34, 4, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EBF6F7 on #BA7AB3 | 2.92:1 | — |
| Aa #CFD4A4 on #BA7AB3 | 2.09:1 | — |
| Aa #A5CED5 on #BA7AB3 | 1.90:1 | — |
| Aa #D6A5CD on #EBF6F7 | 1.88:1 | — |
| Aa #D6A5CD on #BA7AB3 | 1.55:1 | — |
| Aa #A5CED5 on #EBF6F7 | 1.54:1 | — |
CSS variables
:root {
--color-1: #a5ced5; /* Wave */
--color-2: #d6a5cd; /* Berry Popsicle */
--color-3: #cfd4a4; /* Fresh Start */
--color-4: #ebf6f7; /* Indigo White */
--color-5: #ba7ab3; /* Colombo Red Mauve */
}Other schemes from Wave
- Wave Complementary Color Scheme#A5CED5#E2EFF2#D8ACA0#BB7B6D#F4EDEC
- Wave Analogous Color Scheme#A5D7B2#A6D6C3#A5CED5#A7B2D4#B2A5D3
- Wave Split-complementary Color Scheme#A5CED5#D4A1B5#D4C4A7#6FB0BE#EFD9E1
- Wave Tetradic Color Scheme#A5CED5#C4A8CF#D8ACA0#B8D7A6#EBF6F7
- Wave Monochromatic Color Scheme#4B9099#6FB0BE#A5CED5#DBEAED#ECF7F7
More Light Teal triadic palettes
- Aqua Fiesta Triadic Color Scheme#96E2E1#EE99EE#E8E097#E7FAFA#DD55CC
- Aquatic Triadic Color Scheme#99C1CC#CD9BC4#C5CC9F#DDEBED#B768A2
- Aquatic Edge Triadic Color Scheme#BFD6D1#D3BED5#D8D0BD#F0F4F2#B28EBC
- Bambino Triadic Color Scheme#8EDACC#CC88DD#DAC98E#DDF2EE#BB55CC
- Bath Water Triadic Color Scheme#88EEEE#EE88EE#EEEE88#E0FEFE#E047E1
- Beach Glass Triadic Color Scheme#96DFCE#CC99DD#DECE96#E2F7F1#BB55CC
- Bevelled Glass Triadic Color Scheme#7ACCB8#B86FC2#C7B778#C1E6DF#9448B0
- Blizzard Blue Triadic Color Scheme#A3E3ED#E8A7E2#E1ECA5#E7FAFA#E760D2
- Blue Eye Samurai Triadic Color Scheme#75AEBD#BA7AB3#ACB977#BCD7DF#944E87
- Catch the Wave Triadic Color Scheme#B5DCD8#DEB7D9#DED9B4#ECF7F7#B48AC2
- Cerulean Skies Triadic Color Scheme#8CC6CB#C290C5#C8CB8E#D3E9EC#AE58AB
- Clear Water Triadic Color Scheme#AAD5DB#DAAFD1#D5DCA9#ECF7F7#CD7DB5
Questions
What colors go with Wave?
In a triadic scheme: Berry Popsicle (#D6A5CD), Fresh Start (#CFD4A4), Indigo White (#EBF6F7), Colombo Red Mauve (#BA7AB3).
What is the hex code of Wave?
#A5CED5.