Fly-by-Night Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Fly-by-Night (#1C1E4D), each snapped to its nearest named color.
#1C1E4D
#4F301F
#2F4A15
#080813
#885533
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Fly-by-Night | #1C1E4D | 28, 30, 77 | 238°, 47%, 21% | 64, 61, 0, 70 | 26.4% 0.085 277 | |
| Dark Wood Grain | #4F301F | 79, 48, 31 | 21°, 44%, 22% | 0, 39, 61, 69 | 34.3% 0.053 49 | |
| Treetop Cathedral | #2F4A15 | 47, 74, 21 | 91°, 56%, 19% | 36, 0, 72, 71 | 37.5% 0.085 132 | |
| Narwhal Grey | #080813 | 8, 8, 19 | 240°, 41%, 5% | 58, 58, 0, 93 | 14.1% 0.024 283 | |
| Burnt Crust | #885533 | 136, 85, 51 | 24°, 45%, 37% | 0, 38, 63, 47 | 49.9% 0.083 53 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #080813 on #885533 | 3.22:1 | AA large |
| Aa #1C1E4D on #885533 | 2.53:1 | — |
| Aa #2F4A15 on #080813 | 2.00:1 | — |
| Aa #4F301F on #885533 | 1.91:1 | — |
| Aa #4F301F on #080813 | 1.68:1 | — |
| Aa #2F4A15 on #885533 | 1.61:1 | — |
CSS variables
:root {
--color-1: #1c1e4d; /* Fly-by-Night */
--color-2: #4f301f; /* Dark Wood Grain */
--color-3: #2f4a15; /* Treetop Cathedral */
--color-4: #080813; /* Narwhal Grey */
--color-5: #885533; /* Burnt Crust */
}Other schemes from Fly-by-Night
- Fly-by-Night Complementary Color Scheme#1C1E4D#313390#4F531F#16160E#97943B
- Fly-by-Night Analogous Color Scheme#19504C#1F3B4D#1C1E4D#32174D#431C53
- Fly-by-Night Triadic Color Scheme#1C1E4D#59181C#0F521A#2D3796#130A06
- Fly-by-Night Tetradic Color Scheme#1C1E4D#4B1C35#4F531F#1A4C32#2D3796
- Fly-by-Night Monochromatic Color Scheme#080813#080813#1C1E4D#293286#5946B2
More dark blue split-complementary color schemes
- 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 Fly-by-Night?
In a split-complementary scheme: Dark Wood Grain (#4F301F), Treetop Cathedral (#2F4A15), Narwhal Grey (#080813), Burnt Crust (#885533).
What is the hex code of Fly-by-Night?
#1C1E4D.