Skydive Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Skydive (#60BFD3), each snapped to its nearest named color.
#60BFD3
#DB6484
#D4AB60
#399BB4
#E79DB3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Skydive | #60BFD3 | 96, 191, 211 | 190°, 57%, 60% | 55, 9, 0, 17 | 75.4% 0.094 213 | |
| Surfer Girl | #DB6484 | 219, 100, 132 | 344°, 62%, 63% | 0, 54, 40, 14 | 65.6% 0.152 5 | |
| French Pale Gold | #D4AB60 | 212, 171, 96 | 39°, 57%, 60% | 0, 19, 55, 17 | 76.3% 0.105 81 | |
| Sports Blue | #399BB4 | 57, 155, 180 | 192°, 52%, 46% | 68, 14, 0, 29 | 64.3% 0.096 218 | |
| Always Rosey | #E79DB3 | 231, 157, 179 | 342°, 61%, 76% | 0, 32, 23, 9 | 77.4% 0.092 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #60BFD3 on #DB6484 | 1.60:1 | — |
| Aa #DB6484 on #E79DB3 | 1.60:1 | — |
| Aa #DB6484 on #D4AB60 | 1.59:1 | — |
| Aa #60BFD3 on #399BB4 | 1.52:1 | — |
| Aa #399BB4 on #E79DB3 | 1.51:1 | — |
| Aa #D4AB60 on #399BB4 | 1.50:1 | — |
CSS variables
:root {
--color-1: #60bfd3; /* Skydive */
--color-2: #db6484; /* Surfer Girl */
--color-3: #d4ab60; /* French Pale Gold */
--color-4: #399bb4; /* Sports Blue */
--color-5: #e79db3; /* Always Rosey */
}Other schemes from Skydive
- Skydive Complementary Color Scheme#60BFD3#ACDCE7#D07360#B44933#EBB9AF
- Skydive Analogous Color Scheme#6CCC7B#66CDAA#60BFD3#6688CC#6F6ED1
- Skydive Triadic Color Scheme#60BFD3#DD66BB#BED565#ACDEEB#A83A9A
- Skydive Tetradic Color Scheme#60BFD3#AD66D2#D07360#8DCE65#ACDEEB
- Skydive Monochromatic Color Scheme#216879#399BB4#60BFD3#9AD6E5#D8F1F4
More light teal split-complementary color schemes
- Aqua Fiesta Split-complementary Color Scheme#96E2E1#E899BE#E0BB96#58CFD4#F2D4E2
- Aquatic Split-complementary Color Scheme#99C1CC#CC99AA#CDBE96#66A4B0#E4CCD4
- Aquatic Edge Split-complementary Color Scheme#BFD6D1#D9BFCE#DAC5BD#89BAB2#F5F0F1
- Bambino Split-complementary Color Scheme#8EDACC#DA93C1#D8A48F#58C8B6#EFC6E1
- Bath Water Split-complementary Color Scheme#88EEEE#FF88BB#EEBB88#45E9FD#F5CEE6
- Beach Glass Split-complementary Color Scheme#96DFCE#DE9BC4#DDA896#58CEB2#EECEE6
- Bevelled Glass Split-complementary Color Scheme#7ACCB8#CD7DB5#CB8F7B#42B395#E4ADD3
- Blizzard Blue Split-complementary Color Scheme#A3E3ED#F0A3BC#EDD2A3#6CDAE7#FAE2ED
- Blue Eye Samurai Split-complementary Color Scheme#75AEBD#BB7788#BEA775#49889A#D8AAB7
- Catch the Wave Split-complementary Color Scheme#B5DCD8#DAB6CD#DAC5B6#89C1BA#F4EAF0
- Cerulean Skies Split-complementary Color Scheme#8CC6CB#C88CA4#CBB08C#52A8B2#E2C3CF
- Clear Water Split-complementary Color Scheme#AAD5DB#DDAABB#D9C7AA#73B7C2#F1E0E8
Questions
What colors go with Skydive?
In a split-complementary scheme: Surfer Girl (#DB6484), French Pale Gold (#D4AB60), Sports Blue (#399BB4), Always Rosey (#E79DB3).
What is the hex code of Skydive?
#60BFD3.