Atlantis Complementary Color Scheme
Five colors arranged by the complementary rule around Atlantis (#336172), each snapped to its nearest named color.
#336172
#4E9AB0
#6F4232
#3C241B
#B37256
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Atlantis | #336172 | 51, 97, 114 | 196°, 38%, 32% | 55, 15, 0, 55 | |
| Starflower Blue | #4E9AB0 | 78, 154, 176 | 193°, 39%, 50% | 56, 13, 0, 31 | |
| Heartwood | #6F4232 | 111, 66, 50 | 16°, 38%, 32% | 0, 41, 55, 56 | |
| Brown Pod | #3C241B | 60, 36, 27 | 16°, 38%, 17% | 0, 40, 55, 76 | |
| Sunburn | #B37256 | 179, 114, 86 | 18°, 38%, 52% | 0, 36, 52, 30 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4E9AB0 on #3C241B | 4.50:1 | AA |
| Aa #3C241B on #B37256 | 3.74:1 | AA large |
| Aa #4E9AB0 on #6F4232 | 2.63:1 | — |
| Aa #6F4232 on #B37256 | 2.18:1 | — |
| Aa #336172 on #4E9AB0 | 2.12:1 | — |
| Aa #336172 on #3C241B | 2.12:1 | — |
CSS variables
:root {
--color-1: #336172; /* Atlantis */
--color-2: #4e9ab0; /* Starflower Blue */
--color-3: #6f4232; /* Heartwood */
--color-4: #3c241b; /* Brown Pod */
--color-5: #b37256; /* Sunburn */
}Other schemes from Atlantis
- Atlantis Analogous Color Scheme#3D7049#317362#336172#324471#432E6F
- Atlantis Triadic Color Scheme#336172#6C3461#607535#5599B6#391531
- Atlantis Split-complementary Color Scheme#336172#703642#736330#1E323B#A44B62
- Atlantis Tetradic Color Scheme#336172#653475#6F4232#427131#5599B6
- Atlantis Monochromatic Color Scheme#0F1012#1E323B#336172#4B8CA9#7EB2C5
More Dark Blue complementary palettes
- 20000 Leagues Under the Sea Complementary Color Scheme#191970#2425B9#706C11#36310D#CCCB2F
- 3AM in Shibuya Complementary Color Scheme#225577#3887BD#704822#332211#C6723B
- Abyssal Complementary Color Scheme#404C57#5C7B97#5C4939#2E211B#9E7C5E
- Aegean Blue Complementary Color Scheme#1B416F#2C6FBB#72491E#302010#C57F2E
- Alone in the Dark Complementary Color Scheme#000066#0000CC#666600#1F180A#CCCC00
- Assassin Complementary Color Scheme#2D4F83#417DC1#856829#513116#C39953
- Astral Complementary Color Scheme#376F89#58A0BC#8B5134#553322#C08768
- Atlantic Navy Complementary Color Scheme#13336F#2A52BE#734A12#302010#CC8822
- Below the Surface Complementary Color Scheme#0A2F7C#0052CC#7A560E#332200#DD9911
- Beyond the Sea Complementary Color Scheme#005784#0099EE#883300#331100#ED4B00
- Black Market Complementary Color Scheme#222244#484A80#464826#16110D#888844
- Black Sea Night Complementary Color Scheme#052462#0044BB#674403#1C1208#C68400
Questions
What colors go with Atlantis?
In a complementary scheme: Starflower Blue (#4E9AB0), Heartwood (#6F4232), Brown Pod (#3C241B), Sunburn (#B37256).
What is the hex code of Atlantis?
#336172.