Viking Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Viking (#4DB1C8), each snapped to its nearest named color.
#4DB1C8
#CA4F70
#CCA24D
#328696
#DD84A3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Viking | #4DB1C8 | 77, 177, 200 | 191°, 53%, 54% | 62, 12, 0, 22 | |
| Fruit Dove | #CA4F70 | 202, 79, 112 | 344°, 54%, 55% | 0, 61, 45, 21 | |
| Golden Sheaf | #CCA24D | 204, 162, 77 | 40°, 55%, 55% | 0, 21, 62, 20 | |
| Precious Stone | #328696 | 50, 134, 150 | 190°, 50%, 39% | 67, 11, 0, 41 | |
| Sweet Chrysanthemum | #DD84A3 | 221, 132, 163 | 339°, 57%, 69% | 0, 40, 26, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CA4F70 on #CCA24D | 1.82:1 | — |
| Aa #CCA24D on #328696 | 1.77:1 | — |
| Aa #4DB1C8 on #CA4F70 | 1.73:1 | — |
| Aa #4DB1C8 on #328696 | 1.69:1 | — |
| Aa #CA4F70 on #DD84A3 | 1.63:1 | — |
| Aa #328696 on #DD84A3 | 1.59:1 | — |
CSS variables
:root {
--color-1: #4db1c8; /* Viking */
--color-2: #ca4f70; /* Fruit Dove */
--color-3: #cca24d; /* Golden Sheaf */
--color-4: #328696; /* Precious Stone */
--color-5: #dd84a3; /* Sweet Chrysanthemum */
}Other schemes from Viking
- Viking Complementary Color Scheme#4DB1C8#94D1DF#CB6649#97422D#E3A49A
- Viking Analogous Color Scheme#54C571#4BC3A8#4DB1C8#507BCE#654BC9
- Viking Triadic Color Scheme#4DB1C8#CD48A9#A8C74D#9CD4E1#943589
- Viking Tetradic Color Scheme#4DB1C8#A259CE#CB6649#79C753#9CD4E1
- Viking Monochromatic Color Scheme#18515D#328696#4DB1C8#89CFDB#C3E3EB
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 Viking?
In a split-complementary scheme: Fruit Dove (#CA4F70), Golden Sheaf (#CCA24D), Precious Stone (#328696), Sweet Chrysanthemum (#DD84A3).
What is the hex code of Viking?
#4DB1C8.