Wavy Navy Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Wavy Navy (#006597), each snapped to its nearest named color.
#006597
#960018
#997B00
#003249
#E60026
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Wavy Navy | #006597 | 0, 101, 151 | 200°, 100%, 30% | 100, 33, 0, 41 | |
| Flame Hawkfish | #960018 | 150, 0, 24 | 350°, 100%, 29% | 0, 100, 84, 41 | |
| Cerignola Olive | #997B00 | 153, 123, 0 | 48°, 100%, 30% | 0, 20, 100, 40 | |
| Cosmos Blue | #003249 | 0, 50, 73 | 199°, 100%, 14% | 100, 32, 0, 71 | |
| Spanish Red | #E60026 | 230, 0, 38 | 350°, 100%, 45% | 0, 100, 83, 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #997B00 on #003249 | 3.34:1 | AA large |
| Aa #003249 on #E60026 | 2.83:1 | — |
| Aa #960018 on #997B00 | 2.25:1 | — |
| Aa #006597 on #003249 | 2.13:1 | — |
| Aa #960018 on #E60026 | 1.90:1 | — |
| Aa #006597 on #997B00 | 1.57:1 | — |
CSS variables
:root {
--color-1: #006597; /* Wavy Navy */
--color-2: #960018; /* Flame Hawkfish */
--color-3: #997b00; /* Cerignola Olive */
--color-4: #003249; /* Cosmos Blue */
--color-5: #e60026; /* Spanish Red */
}Other schemes from Wavy Navy
- Wavy Navy Complementary Color Scheme#006597#00AAEE#993300#411900#FF5500
- Wavy Navy Analogous Color Scheme#009933#00937D#006597#011993#330099
- Wavy Navy Triadic Color Scheme#006597#990066#669900#00AAFF#4C022F
- Wavy Navy Tetradic Color Scheme#006597#770088#993300#119900#00AAFF
- Wavy Navy Monochromatic Color Scheme#0C121B#003249#006597#0099EE#3CBCFC
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 Wavy Navy?
In a split-complementary scheme: Flame Hawkfish (#960018), Cerignola Olive (#997B00), Cosmos Blue (#003249), Spanish Red (#E60026).
What is the hex code of Wavy Navy?
#006597.