Naval Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Naval (#41729F), each snapped to its nearest named color.
#41729F
#9B4045
#989746
#2C4D69
#C0686E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Naval | #41729F | 65, 114, 159 | 209°, 42%, 44% | 59, 28, 0, 38 | 53.7% 0.089 248 | |
| Reddest Red | #9B4045 | 155, 64, 69 | 357°, 42%, 43% | 0, 59, 55, 39 | 49.5% 0.122 19 | |
| Luau Green | #989746 | 152, 151, 70 | 59°, 37%, 44% | 0, 1, 54, 40 | 66.0% 0.104 108 | |
| Celestial Blue | #2C4D69 | 44, 77, 105 | 208°, 41%, 29% | 58, 27, 0, 59 | 40.8% 0.061 246 | |
| Watermelon Gelato | #C0686E | 192, 104, 110 | 356°, 41%, 58% | 0, 46, 43, 25 | 62.0% 0.112 17 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #989746 on #2C4D69 | 2.89:1 | — |
| Aa #2C4D69 on #C0686E | 2.30:1 | — |
| Aa #9B4045 on #989746 | 2.13:1 | — |
| Aa #41729F on #2C4D69 | 1.74:1 | — |
| Aa #9B4045 on #C0686E | 1.70:1 | — |
| Aa #41729F on #989746 | 1.66:1 | — |
CSS variables
:root {
--color-1: #41729f; /* Naval */
--color-2: #9b4045; /* Reddest Red */
--color-3: #989746; /* Luau Green */
--color-4: #2c4d69; /* Celestial Blue */
--color-5: #c0686e; /* Watermelon Gelato */
}Other schemes from Naval
- Naval Complementary Color Scheme#41729F#73A4C6#9E6E43#69482A#CCA179
- Naval Analogous Color Scheme#429B77#499C9D#41729F#444499#674196
- Naval Triadic Color Scheme#41729F#96466A#729E42#7AA5C9#6D2B50
- Naval Tetradic Color Scheme#41729F#9B4D93#9E6E43#439946#7AA5C9
- Naval Monochromatic Color Scheme#112233#2C4D69#41729F#6D98C4#A1BED9
More medium blue split-complementary color schemes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
Questions
What colors go with Naval?
In a split-complementary scheme: Reddest Red (#9B4045), Luau Green (#989746), Celestial Blue (#2C4D69), Watermelon Gelato (#C0686E).
What is the hex code of Naval?
#41729F.