High Dive Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around High Dive (#59B9CC), each snapped to its nearest named color.
#59B9CC
#C6577C
#CCA65B
#3992A8
#DB95AB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| High Dive | #59B9CC | 89, 185, 204 | 190°, 53%, 57% | 56, 9, 0, 20 | |
| Panama Rose | #C6577C | 198, 87, 124 | 340°, 49%, 56% | 0, 56, 37, 22 | |
| Excitable | #CCA65B | 204, 166, 91 | 40°, 53%, 58% | 0, 19, 55, 20 | |
| Blue Moon | #3992A8 | 57, 146, 168 | 192°, 49%, 44% | 66, 13, 0, 34 | |
| Foxy Pink | #DB95AB | 219, 149, 171 | 341°, 49%, 72% | 0, 32, 22, 14 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #59B9CC on #C6577C | 1.83:1 | — |
| Aa #C6577C on #CCA65B | 1.81:1 | — |
| Aa #C6577C on #DB95AB | 1.76:1 | — |
| Aa #59B9CC on #3992A8 | 1.58:1 | — |
| Aa #CCA65B on #3992A8 | 1.57:1 | — |
| Aa #3992A8 on #DB95AB | 1.52:1 | — |
CSS variables
:root {
--color-1: #59b9cc; /* High Dive */
--color-2: #c6577c; /* Panama Rose */
--color-3: #cca65b; /* Excitable */
--color-4: #3992a8; /* Blue Moon */
--color-5: #db95ab; /* Foxy Pink */
}Other schemes from High Dive
- High Dive Complementary Color Scheme#59B9CC#9CD4E1#CD6D57#A84734#E6B2A6
- High Dive Analogous Color Scheme#54C571#5ACAA4#59B9CC#5588CC#6A5ACD
- High Dive Triadic Color Scheme#59B9CC#CE5DAE#B9CB5A#A5DBE5#A83A9A
- High Dive Tetradic Color Scheme#59B9CC#A259CE#CD6D57#88CC55#A5DBE5
- High Dive Monochromatic Color Scheme#245A6A#3992A8#59B9CC#94D1DF#D0EBF1
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 High Dive?
In a split-complementary scheme: Panama Rose (#C6577C), Excitable (#CCA65B), Blue Moon (#3992A8), Foxy Pink (#DB95AB).
What is the hex code of High Dive?
#59B9CC.