Night Mode Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Night Mode (#234E86), each snapped to its nearest named color.
#234E86
#8C2C24
#868929
#112F4B
#C33A36
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Night Mode | #234E86 | 35, 78, 134 | 214°, 59%, 33% | 74, 42, 0, 47 | |
| Borscht | #8C2C24 | 140, 44, 36 | 5°, 59%, 35% | 0, 69, 74, 45 | |
| Buffy Citrine | #868929 | 134, 137, 41 | 62°, 54%, 35% | 2, 0, 70, 46 | |
| Crow Black Blue | #112F4B | 17, 47, 75 | 209°, 63%, 18% | 77, 37, 0, 71 | |
| Stop | #C33A36 | 195, 58, 54 | 2°, 57%, 49% | 0, 70, 72, 24 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #868929 on #112F4B | 3.67:1 | AA large |
| Aa #112F4B on #C33A36 | 2.60:1 | — |
| Aa #8C2C24 on #868929 | 2.25:1 | — |
| Aa #234E86 on #868929 | 2.24:1 | — |
| Aa #234E86 on #112F4B | 1.64:1 | — |
| Aa #8C2C24 on #112F4B | 1.63:1 | — |
CSS variables
:root {
--color-1: #234e86; /* Night Mode */
--color-2: #8c2c24; /* Borscht */
--color-3: #868929; /* Buffy Citrine */
--color-4: #112f4b; /* Crow Black Blue */
--color-5: #c33a36; /* Stop */
}Other schemes from Night Mode
- Night Mode Complementary Color Scheme#234E86#3377CC#815B28#4D3113#CD8E43
- Night Mode Analogous Color Scheme#24855B#247E81#234E86#2E2D88#552288
- Night Mode Triadic Color Scheme#234E86#882055#4F8129#507BCE#43182F
- Night Mode Tetradic Color Scheme#234E86#883377#815B28#2B8725#507BCE
- Night Mode Monochromatic Color Scheme#0B0F1A#112F4B#234E86#3973C0#619AD6
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 Night Mode?
In a split-complementary scheme: Borscht (#8C2C24), Buffy Citrine (#868929), Crow Black Blue (#112F4B), Stop (#C33A36).
What is the hex code of Night Mode?
#234E86.