Windsurfing Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Windsurfing (#3A7099), each snapped to its nearest named color.
#3A7099
#9A3843
#97943B
#214761
#C25D6A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Windsurfing | #3A7099 | 58, 112, 153 | 206°, 45%, 41% | 62, 27, 0, 40 | |
| High Drama | #9A3843 | 154, 56, 67 | 353°, 47%, 41% | 0, 64, 56, 40 | |
| Plantain | #97943B | 151, 148, 59 | 58°, 44%, 41% | 0, 2, 61, 41 | |
| Dark Slate Blue | #214761 | 33, 71, 97 | 204°, 49%, 25% | 66, 27, 0, 62 | |
| Candy Drop | #C25D6A | 194, 93, 106 | 352°, 45%, 56% | 0, 52, 45, 24 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #97943B on #214761 | 3.09:1 | AA large |
| Aa #214761 on #C25D6A | 2.37:1 | — |
| Aa #9A3843 on #97943B | 2.19:1 | — |
| Aa #3A7099 on #214761 | 1.85:1 | — |
| Aa #9A3843 on #C25D6A | 1.68:1 | — |
| Aa #3A7099 on #97943B | 1.67:1 | — |
CSS variables
:root {
--color-1: #3a7099; /* Windsurfing */
--color-2: #9a3843; /* High Drama */
--color-3: #97943b; /* Plantain */
--color-4: #214761; /* Dark Slate Blue */
--color-5: #c25d6a; /* Candy Drop */
}Other schemes from Windsurfing
- Windsurfing Complementary Color Scheme#3A7099#689FC1#98623C#603B2A#C89672
- Windsurfing Analogous Color Scheme#329760#3C9992#3A7099#324A8B#69359C
- Windsurfing Triadic Color Scheme#3A7099#95396A#689938#73A4C6#612246
- Windsurfing Tetradic Color Scheme#3A7099#943589#98623C#449933#73A4C6
- Windsurfing Monochromatic Color Scheme#0E1D32#214761#3A7099#5E96C3#95B9D6
More Medium Blue split-complementary palettes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
Questions
What colors go with Windsurfing?
In a split-complementary scheme: High Drama (#9A3843), Plantain (#97943B), Dark Slate Blue (#214761), Candy Drop (#C25D6A).
What is the hex code of Windsurfing?
#3A7099.