North Atlantic Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around North Atlantic (#5E7B7F), each snapped to its nearest named color.
#5E7B7F
#875169
#8C7553
#355859
#B57C8C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| North Atlantic | #5E7B7F | 94, 123, 127 | 187°, 15%, 43% | 26, 3, 0, 50 | |
| Raspberry Crush | #875169 | 135, 81, 105 | 333°, 25%, 42% | 0, 40, 22, 47 | |
| Earthquake | #8C7553 | 140, 117, 83 | 36°, 26%, 44% | 0, 16, 41, 45 | |
| Depth Charge | #355859 | 53, 88, 89 | 182°, 25%, 28% | 40, 1, 0, 65 | |
| Foxglove | #B57C8C | 181, 124, 140 | 343°, 28%, 60% | 0, 31, 23, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #355859 on #B57C8C | 2.31:1 | — |
| Aa #875169 on #B57C8C | 1.83:1 | — |
| Aa #8C7553 on #355859 | 1.78:1 | — |
| Aa #5E7B7F on #355859 | 1.71:1 | — |
| Aa #875169 on #8C7553 | 1.40:1 | — |
| Aa #5E7B7F on #875169 | 1.35:1 | — |
CSS variables
:root {
--color-1: #5e7b7f; /* North Atlantic */
--color-2: #875169; /* Raspberry Crush */
--color-3: #8c7553; /* Earthquake */
--color-4: #355859; /* Depth Charge */
--color-5: #b57c8c; /* Foxglove */
}Other schemes from North Atlantic
- North Atlantic Complementary Color Scheme#5E7B7F#84AEBA#885A55#583D37#B88F88
- North Atlantic Analogous Color Scheme#578758#598C74#5E7B7F#556B87#5E548D
- North Atlantic Triadic Color Scheme#5E7B7F#905284#868B53#8BB6B8#5C3357
- North Atlantic Tetradic Color Scheme#5E7B7F#75528B#885A55#718854#8BB6B8
- North Atlantic Monochromatic Color Scheme#1F262A#3F5052#5E7B7F#83A1A7#B0C4C4
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 North Atlantic?
In a split-complementary scheme: Raspberry Crush (#875169), Earthquake (#8C7553), Depth Charge (#355859), Foxglove (#B57C8C).
What is the hex code of North Atlantic?
#5E7B7F.