Atlantic Navy Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Atlantic Navy (#13336F), each snapped to its nearest named color.
#13336F
#772211
#6A6E09
#041330
#AF3519
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Atlantic Navy | #13336F | 19, 51, 111 | 219°, 71%, 25% | 83, 54, 0, 56 | |
| Tempered Chocolate | #772211 | 119, 34, 17 | 10°, 75%, 27% | 0, 71, 86, 53 | |
| Brownish Green | #6A6E09 | 106, 110, 9 | 62°, 85%, 23% | 4, 0, 92, 57 | |
| Squid’s Ink | #041330 | 4, 19, 48 | 220°, 85%, 10% | 92, 60, 0, 81 | |
| Grilled Tomato | #AF3519 | 175, 53, 25 | 11°, 75%, 39% | 0, 70, 86, 31 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6A6E09 on #041330 | 3.37:1 | AA large |
| Aa #041330 on #AF3519 | 2.93:1 | — |
| Aa #13336F on #6A6E09 | 2.22:1 | — |
| Aa #13336F on #AF3519 | 1.93:1 | — |
| Aa #772211 on #6A6E09 | 1.90:1 | — |
| Aa #772211 on #041330 | 1.77:1 | — |
CSS variables
:root {
--color-1: #13336f; /* Atlantic Navy */
--color-2: #772211; /* Tempered Chocolate */
--color-3: #6a6e09; /* Brownish Green */
--color-4: #041330; /* Squid’s Ink */
--color-5: #af3519; /* Grilled Tomato */
}Other schemes from Atlantic Navy
- Atlantic Navy Complementary Color Scheme#13336F#2A52BE#734A12#302010#CC8822
- Atlantic Navy Analogous Color Scheme#136C51#15646D#13336F#221177#540D6E
- Atlantic Navy Triadic Color Scheme#13336F#771133#2B7414#214FC6#300018
- Atlantic Navy Tetradic Color Scheme#13336F#771166#734A12#106B21#214FC6
- Atlantic Navy Monochromatic Color Scheme#01081C#041330#13336F#1150AF#307DD3
More Dark Blue split-complementary palettes
- 20000 Leagues Under the Sea Split-complementary Color Scheme#191970#704214#536B1F#090533#AA6D28
- 3AM in Shibuya Split-complementary Color Scheme#225577#7B222A#747028#172B36#BB3344
- Abyssal Split-complementary Color Scheme#404C57#5E3A39#5E5D3D#1B2632#8D5455
- Aegean Blue Split-complementary Color Scheme#1B416F#701C1C#706C11#0E1D32#A92C29
- Alone in the Dark Split-complementary Color Scheme#000066#663300#376D03#01081C#B25F03
- Assassin Split-complementary Color Scheme#2D4F83#87382F#7C8635#1B294B#BC4E40
- Astral Split-complementary Color Scheme#376F89#8B3643#887938#234251#B8516A
- Atlantis Split-complementary Color Scheme#336172#703642#736330#1E323B#A44B62
- Below the Surface Split-complementary Color Scheme#0A2F7C#7C1E08#6C7A0E#041330#C93413
- Beyond the Sea Split-complementary Color Scheme#005784#840014#8F7303#02273A#D00220
- Black Market Split-complementary Color Scheme#222244#433120#37412A#0B0C14#75583D
- Black Sea Night Split-complementary Color Scheme#052462#661100#556600#01081C#AB250B
Questions
What colors go with Atlantic Navy?
In a split-complementary scheme: Tempered Chocolate (#772211), Brownish Green (#6A6E09), Squid’s Ink (#041330), Grilled Tomato (#AF3519).
What is the hex code of Atlantic Navy?
#13336F.