Windjammer Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Windjammer (#62A5DF), each snapped to its nearest named color.
#62A5DF
#D46362
#DCDD65
#2987C7
#EEA0A6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Windjammer | #62A5DF | 98, 165, 223 | 208°, 66%, 63% | 56, 26, 0, 13 | |
| Happy Hearts | #D46362 | 212, 99, 98 | 1°, 57%, 61% | 0, 53, 54, 17 | |
| Succulent Lime | #DCDD65 | 220, 221, 101 | 61°, 64%, 63% | 0, 0, 54, 13 | |
| Klaxosaur Blue | #2987C7 | 41, 135, 199 | 204°, 66%, 47% | 79, 32, 0, 22 | |
| Pink Icing | #EEA0A6 | 238, 160, 166 | 355°, 70%, 78% | 0, 33, 30, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DCDD65 on #2987C7 | 2.71:1 | — |
| Aa #D46362 on #DCDD65 | 2.53:1 | — |
| Aa #2987C7 on #EEA0A6 | 1.90:1 | — |
| Aa #62A5DF on #DCDD65 | 1.83:1 | — |
| Aa #D46362 on #EEA0A6 | 1.77:1 | — |
| Aa #62A5DF on #2987C7 | 1.48:1 | — |
CSS variables
:root {
--color-1: #62a5df; /* Windjammer */
--color-2: #d46362; /* Happy Hearts */
--color-3: #dcdd65; /* Succulent Lime */
--color-4: #2987c7; /* Klaxosaur Blue */
--color-5: #eea0a6; /* Pink Icing */
}Other schemes from Windjammer
- Windjammer Complementary Color Scheme#62A5DF#ABCDEF#DD9966#CB7723#EED0B6
- Windjammer Analogous Color Scheme#6ADC99#66DDDD#62A5DF#6264DC#9D61D4
- Windjammer Triadic Color Scheme#62A5DF#D767AD#AADD66#BBD5EF#CC2288
- Windjammer Tetradic Color Scheme#62A5DF#CC66DD#DD9966#77DD77#BBD5EF
- Windjammer Monochromatic Color Scheme#185887#2987C7#62A5DF#A7C9EB#E0EBFA
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
Questions
What colors go with Windjammer?
In a split-complementary scheme: Happy Hearts (#D46362), Succulent Lime (#DCDD65), Klaxosaur Blue (#2987C7), Pink Icing (#EEA0A6).
What is the hex code of Windjammer?
#62A5DF.