Naval Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Naval Blue (#384B6B), each snapped to its nearest named color.
#384B6B
#6B3D38
#69673A
#172B36
#9B5B55
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Naval Blue | #384B6B | 56, 75, 107 | 218°, 31%, 32% | 48, 30, 0, 58 | |
| Cimarron | #6B3D38 | 107, 61, 56 | 6°, 31%, 32% | 0, 43, 48, 58 | |
| Jungle Civilization | #69673A | 105, 103, 58 | 57°, 29%, 32% | 0, 2, 45, 59 | |
| Oceanic Noir | #172B36 | 23, 43, 54 | 201°, 40%, 15% | 57, 20, 0, 79 | |
| Rhode Island Red | #9B5B55 | 155, 91, 85 | 5°, 29%, 47% | 0, 41, 45, 39 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #172B36 on #9B5B55 | 2.80:1 | — |
| Aa #69673A on #172B36 | 2.51:1 | — |
| Aa #6B3D38 on #9B5B55 | 1.71:1 | — |
| Aa #384B6B on #9B5B55 | 1.68:1 | — |
| Aa #384B6B on #172B36 | 1.66:1 | — |
| Aa #6B3D38 on #172B36 | 1.64:1 | — |
CSS variables
:root {
--color-1: #384b6b; /* Naval Blue */
--color-2: #6b3d38; /* Cimarron */
--color-3: #69673a; /* Jungle Civilization */
--color-4: #172b36; /* Oceanic Noir */
--color-5: #9b5b55; /* Rhode Island Red */
}Other schemes from Naval Blue
- Naval Blue Complementary Color Scheme#384B6B#5A77A8#6C5738#362C1D#AE8E5F
- Naval Blue Analogous Color Scheme#3D6C54#39636A#384B6B#3B3B6D#593569
- Naval Blue Triadic Color Scheme#384B6B#71384B#4B6E3B#5E7CAC#3B1F23
- Naval Blue Tetradic Color Scheme#384B6B#673B66#6C5738#3B6C3F#5E7CAC
- Naval Blue Monochromatic Color Scheme#0B0C14#172B36#384B6B#4E6C9D#8092BC
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
- Atlantic Navy Split-complementary Color Scheme#13336F#772211#6A6E09#041330#AF3519
- 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
Questions
What colors go with Naval Blue?
In a split-complementary scheme: Cimarron (#6B3D38), Jungle Civilization (#69673A), Oceanic Noir (#172B36), Rhode Island Red (#9B5B55).
What is the hex code of Naval Blue?
#384B6B.