Mole Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mole (#392D2B), each snapped to its nearest named color.
#392D2B
#273F39
#2A2E3F
#130D0D
#416858
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mole | #392D2B | 57, 45, 43 | 9°, 14%, 20% | 0, 21, 25, 78 | |
| Pine Grove | #273F39 | 39, 63, 57 | 165°, 24%, 20% | 38, 0, 10, 75 | |
| Navy Blazer | #2A2E3F | 42, 46, 63 | 229°, 20%, 21% | 33, 27, 0, 75 | |
| Optophobia | #130D0D | 19, 13, 13 | 0°, 19%, 6% | 0, 32, 32, 93 | |
| June Ivy | #416858 | 65, 104, 88 | 155°, 23%, 33% | 38, 0, 15, 59 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #130D0D on #416858 | 3.07:1 | AA large |
| Aa #2A2E3F on #416858 | 2.14:1 | — |
| Aa #392D2B on #416858 | 2.11:1 | — |
| Aa #273F39 on #416858 | 1.80:1 | — |
| Aa #273F39 on #130D0D | 1.70:1 | — |
| Aa #392D2B on #130D0D | 1.45:1 | — |
CSS variables
:root {
--color-1: #392d2b; /* Mole */
--color-2: #273f39; /* Pine Grove */
--color-3: #2a2e3f; /* Navy Blazer */
--color-4: #130d0d; /* Optophobia */
--color-5: #416858; /* June Ivy */
}Other schemes from Mole
- Mole Complementary Color Scheme#392D2B#785246#273E3E#0F1012#49747F
- Mole Analogous Color Scheme#3A243B#3E2631#392D2B#3F3726#3E3D29
- Mole Triadic Color Scheme#392D2B#2C3D28#272A3B#7B5349#0F0F0F
- Mole Tetradic Color Scheme#392D2B#2C3D28#273E3E#38283D#7B5349
- Mole Monochromatic Color Scheme#0F0D0D#0F0D0D#392D2B#654F4F#8F716E
More Very Dark Red split-complementary palettes
- 3AM Breakup Split-complementary Color Scheme#330404#0D2E1C#001F33#1D0200#027944
- Aubergine Split-complementary Color Scheme#372528#20392C#24313D#130D0D#3E644F
- Bruised Plum Split-complementary Color Scheme#3B1921#193925#1C3339#130D0D#276B40
- Burned Split-complementary Color Scheme#520B00#005437#001155#1D0200#009E60
- Chocolate Rush Split-complementary Color Scheme#4E1B0B#044F3B#17184B#1A0600#1B8A6B
- Dark Orchestra Split-complementary Color Scheme#251B19#162825#181B26#130D0D#32584C
- English Breakfast Split-complementary Color Scheme#441111#17462E#153043#130A06#238652
- Ethereal Espresso Split-complementary Color Scheme#3E2723#273F39#21303E#130D0D#3E6F58
- Italian Roast Split-complementary Color Scheme#221111#12221D#161820#130A06#2A5443
- Lonely Chocolate Split-complementary Color Scheme#4A0A00#014E2E#001146#1D0200#009966
- Minotaur Hide Split-complementary Color Scheme#4A120D#17462E#112244#1A0600#138859
- Nether Split-complementary Color Scheme#2E0303#0D2E1C#001B2E#1D0200#037A3B
Questions
What colors go with Mole?
In a split-complementary scheme: Pine Grove (#273F39), Navy Blazer (#2A2E3F), Optophobia (#130D0D), June Ivy (#416858).
What is the hex code of Mole?
#392D2B.