Genie Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Genie (#3E4364), each snapped to its nearest named color.
#3E4364
#694D3D
#55643B
#222233
#976D59
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Genie | #3E4364 | 62, 67, 100 | 232°, 23%, 32% | 38, 33, 0, 61 | |
| Deep Umber | #694D3D | 105, 77, 61 | 22°, 27%, 33% | 0, 27, 42, 59 | |
| Daisy Leaf | #55643B | 85, 100, 59 | 82°, 26%, 31% | 15, 0, 41, 61 | |
| Black Velvet | #222233 | 34, 34, 51 | 240°, 20%, 17% | 33, 33, 0, 80 | |
| Timeless Copper | #976D59 | 151, 109, 89 | 19°, 26%, 47% | 0, 28, 41, 41 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #222233 on #976D59 | 3.46:1 | AA large |
| Aa #55643B on #222233 | 2.43:1 | — |
| Aa #3E4364 on #976D59 | 2.12:1 | — |
| Aa #694D3D on #222233 | 2.03:1 | — |
| Aa #694D3D on #976D59 | 1.70:1 | — |
| Aa #3E4364 on #222233 | 1.63:1 | — |
CSS variables
:root {
--color-1: #3e4364; /* Genie */
--color-2: #694d3d; /* Deep Umber */
--color-3: #55643b; /* Daisy Leaf */
--color-4: #222233; /* Black Velvet */
--color-5: #976d59; /* Timeless Copper */
}Other schemes from Genie
- Genie Complementary Color Scheme#3E4364#5B649E#62603E#333322#A69D64
- Genie Analogous Color Scheme#3C6461#3F5865#3E4364#4A3C62#643E65
- Genie Triadic Color Scheme#3E4364#643B42#47613C#696FA5#332222
- Genie Tetradic Color Scheme#3E4364#663C55#62603E#3E644F#696FA5
- Genie Monochromatic Color Scheme#0B0C14#222233#3E4364#5D6098#8C8EB2
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 Genie?
In a split-complementary scheme: Deep Umber (#694D3D), Daisy Leaf (#55643B), Black Velvet (#222233), Timeless Copper (#976D59).
What is the hex code of Genie?
#3E4364.