True Sky Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around True Sky Blue (#24A6C2), each snapped to its nearest named color.
#24A6C2
#C92351
#C4962C
#1B6F81
#DE5D83
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| True Sky Blue | #24A6C2 | 36, 166, 194 | 191°, 69%, 45% | 81, 14, 0, 24 | |
| Rose Red | #C92351 | 201, 35, 81 | 343°, 70%, 46% | 0, 83, 60, 21 | |
| Tawny Olive | #C4962C | 196, 150, 44 | 42°, 63%, 47% | 0, 23, 78, 23 | |
| Billabong | #1B6F81 | 27, 111, 129 | 191°, 65%, 31% | 79, 14, 0, 49 | |
| Blush d’Amour | #DE5D83 | 222, 93, 131 | 342°, 66%, 62% | 0, 58, 41, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C4962C on #1B6F81 | 2.13:1 | — |
| Aa #C92351 on #C4962C | 2.02:1 | — |
| Aa #24A6C2 on #1B6F81 | 2.01:1 | — |
| Aa #24A6C2 on #C92351 | 1.90:1 | — |
| Aa #1B6F81 on #DE5D83 | 1.65:1 | — |
| Aa #C92351 on #DE5D83 | 1.56:1 | — |
CSS variables
:root {
--color-1: #24a6c2; /* True Sky Blue */
--color-2: #c92351; /* Rose Red */
--color-3: #c4962c; /* Tawny Olive */
--color-4: #1b6f81; /* Billabong */
--color-5: #de5d83; /* Blush d’Amour */
}Other schemes from True Sky Blue
- True Sky Blue Complementary Color Scheme#24A6C2#6CC3E0#C24325#852E19#E77E6C
- True Sky Blue Analogous Color Scheme#31D652#23C48B#24A6C2#214FC6#5729CE
- True Sky Blue Triadic Color Scheme#24A6C2#CC22AA#ABC123#6CC3E0#871466
- True Sky Blue Tetradic Color Scheme#24A6C2#8822CC#C24325#58D332#6CC3E0
- True Sky Blue Monochromatic Color Scheme#113C42#1B6F81#24A6C2#5DC2DB#9BD7E9
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 True Sky Blue?
In a split-complementary scheme: Rose Red (#C92351), Tawny Olive (#C4962C), Billabong (#1B6F81), Blush d’Amour (#DE5D83).
What is the hex code of True Sky Blue?
#24A6C2.