Atlas Cedar Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Atlas Cedar (#5CA0A7), each snapped to its nearest named color.
#5CA0A7
#AD5B78
#AA895D
#417074
#C28BA1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Atlas Cedar | #5CA0A7 | 92, 160, 167 | 186°, 30%, 51% | 45, 4, 0, 35 | |
| Indian Pink | #AD5B78 | 173, 91, 120 | 339°, 33%, 52% | 0, 47, 31, 32 | |
| Iced Coffee | #AA895D | 170, 137, 93 | 34°, 31%, 52% | 0, 19, 45, 33 | |
| Thunderhawk Blue | #417074 | 65, 112, 116 | 185°, 28%, 35% | 44, 3, 0, 55 | |
| Winsome Rose | #C28BA1 | 194, 139, 161 | 336°, 31%, 65% | 0, 28, 17, 24 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #417074 on #C28BA1 | 1.98:1 | — |
| Aa #5CA0A7 on #417074 | 1.86:1 | — |
| Aa #AA895D on #417074 | 1.70:1 | — |
| Aa #AD5B78 on #C28BA1 | 1.65:1 | — |
| Aa #5CA0A7 on #AD5B78 | 1.55:1 | — |
| Aa #AD5B78 on #AA895D | 1.42:1 | — |
CSS variables
:root {
--color-1: #5ca0a7; /* Atlas Cedar */
--color-2: #ad5b78; /* Indian Pink */
--color-3: #aa895d; /* Iced Coffee */
--color-4: #417074; /* Thunderhawk Blue */
--color-5: #c28ba1; /* Winsome Rose */
}Other schemes from Atlas Cedar
- Atlas Cedar Complementary Color Scheme#5CA0A7#99C5C4#A36159#784841#CAA09E
- Atlas Cedar Analogous Color Scheme#5DA464#52A786#5CA0A7#5A77A8#6F58A6
- Atlas Cedar Triadic Color Scheme#5CA0A7#AA55AA#AAAA55#9FC5CC#7A4171
- Atlas Cedar Tetradic Color Scheme#5CA0A7#8D5EB7#A36159#76A55B#9FC5CC
- Atlas Cedar Monochromatic Color Scheme#264243#417074#5CA0A7#8FBCC4#BCD9DC
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
- 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
- Blue Moon Split-complementary Color Scheme#3992A8#A53756#AB863A#22606E#C66787
Questions
What colors go with Atlas Cedar?
In a split-complementary scheme: Indian Pink (#AD5B78), Iced Coffee (#AA895D), Thunderhawk Blue (#417074), Winsome Rose (#C28BA1).
What is the hex code of Atlas Cedar?
#5CA0A7.