Bonne Nuit Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bonne Nuit (#3A4866), each snapped to its nearest named color.
#3A4866
#67423B
#5F653B
#1E2433
#986456
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bonne Nuit | #3A4866 | 58, 72, 102 | 221°, 28%, 31% | 43, 29, 0, 60 | |
| Autumn Fall | #67423B | 103, 66, 59 | 10°, 27%, 32% | 0, 36, 43, 60 | |
| Scots Pine | #5F653B | 95, 101, 59 | 69°, 26%, 31% | 6, 0, 42, 60 | |
| Moonless Mystery | #1E2433 | 30, 36, 51 | 223°, 26%, 16% | 41, 29, 0, 80 | |
| Aged Bourbon | #986456 | 152, 100, 86 | 13°, 28%, 47% | 0, 34, 43, 40 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1E2433 on #986456 | 3.17:1 | AA large |
| Aa #5F653B on #1E2433 | 2.52:1 | — |
| Aa #3A4866 on #986456 | 1.87:1 | — |
| Aa #67423B on #1E2433 | 1.78:1 | — |
| Aa #67423B on #986456 | 1.77:1 | — |
| Aa #3A4866 on #1E2433 | 1.70:1 | — |
CSS variables
:root {
--color-1: #3a4866; /* Bonne Nuit */
--color-2: #67423b; /* Autumn Fall */
--color-3: #5f653b; /* Scots Pine */
--color-4: #1e2433; /* Moonless Mystery */
--color-5: #986456; /* Aged Bourbon */
}Other schemes from Bonne Nuit
- Bonne Nuit Complementary Color Scheme#3A4866#5870A4#665A38#362C1D#A58E61
- Bonne Nuit Analogous Color Scheme#3E6655#3B5E68#3A4866#463F67#5E3B6A
- Bonne Nuit Triadic Color Scheme#3A4866#643A48#4A623B#6376A9#3B1F23
- Bonne Nuit Tetradic Color Scheme#3A4866#613A57#665A38#336644#6376A9
- Bonne Nuit Monochromatic Color Scheme#0B0C14#1E2433#3A4866#536895#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 Bonne Nuit?
In a split-complementary scheme: Autumn Fall (#67423B), Scots Pine (#5F653B), Moonless Mystery (#1E2433), Aged Bourbon (#986456).
What is the hex code of Bonne Nuit?
#3A4866.