Atlantic Navy Complementary Color Scheme
Five colors arranged by the complementary rule around Atlantic Navy (#13336F), each snapped to its nearest named color.
#13336F
#2A52BE
#734A12
#302010
#CC8822
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Atlantic Navy | #13336F | 19, 51, 111 | 219°, 71%, 25% | 83, 54, 0, 56 | |
| Cerulean Blue | #2A52BE | 42, 82, 190 | 224°, 64%, 45% | 78, 57, 0, 25 | |
| Hairy Brown | #734A12 | 115, 74, 18 | 35°, 73%, 26% | 0, 36, 84, 55 | |
| Coffee Grounds | #302010 | 48, 32, 16 | 30°, 50%, 13% | 0, 33, 67, 81 | |
| Chicken Masala | #CC8822 | 204, 136, 34 | 36°, 71%, 47% | 0, 33, 83, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #302010 on #CC8822 | 5.31:1 | AA |
| Aa #13336F on #CC8822 | 4.11:1 | AA large |
| Aa #734A12 on #CC8822 | 2.62:1 | — |
| Aa #2A52BE on #CC8822 | 2.33:1 | — |
| Aa #2A52BE on #302010 | 2.28:1 | — |
| Aa #734A12 on #302010 | 2.03:1 | — |
CSS variables
:root {
--color-1: #13336f; /* Atlantic Navy */
--color-2: #2a52be; /* Cerulean Blue */
--color-3: #734a12; /* Hairy Brown */
--color-4: #302010; /* Coffee Grounds */
--color-5: #cc8822; /* Chicken Masala */
}Other schemes from Atlantic Navy
- Atlantic Navy Analogous Color Scheme#136C51#15646D#13336F#221177#540D6E
- Atlantic Navy Triadic Color Scheme#13336F#771133#2B7414#214FC6#300018
- Atlantic Navy Split-complementary Color Scheme#13336F#772211#6A6E09#041330#AF3519
- Atlantic Navy Tetradic Color Scheme#13336F#771166#734A12#106B21#214FC6
- Atlantic Navy Monochromatic Color Scheme#01081C#041330#13336F#1150AF#307DD3
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
- Atlantis Complementary Color Scheme#336172#4E9AB0#6F4232#3C241B#B37256
- 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 Atlantic Navy?
In a complementary scheme: Cerulean Blue (#2A52BE), Hairy Brown (#734A12), Coffee Grounds (#302010), Chicken Masala (#CC8822).
What is the hex code of Atlantic Navy?
#13336F.