Cola Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cola (#3C2F23), each snapped to its nearest named color.
#3C2F23
#273E3E
#21263A
#130D0D
#3E6D6A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cola | #3C2F23 | 60, 47, 35 | 29°, 26%, 19% | 0, 22, 42, 76 | |
| Sunken Cascades | #273E3E | 39, 62, 62 | 180°, 23%, 20% | 37, 0, 0, 76 | |
| Midnight Express | #21263A | 33, 38, 58 | 228°, 27%, 18% | 43, 34, 0, 77 | |
| Optophobia | #130D0D | 19, 13, 13 | 0°, 19%, 6% | 0, 32, 32, 93 | |
| Moonlit Forest | #3E6D6A | 62, 109, 106 | 176°, 27%, 34% | 43, 0, 3, 57 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #130D0D on #3E6D6A | 3.30:1 | AA large |
| Aa #21263A on #3E6D6A | 2.57:1 | — |
| Aa #3C2F23 on #3E6D6A | 2.22:1 | — |
| Aa #273E3E on #3E6D6A | 1.95:1 | — |
| Aa #273E3E on #130D0D | 1.69:1 | — |
| Aa #3C2F23 on #130D0D | 1.49:1 | — |
CSS variables
:root {
--color-1: #3c2f23; /* Cola */
--color-2: #273e3e; /* Sunken Cascades */
--color-3: #21263a; /* Midnight Express */
--color-4: #130d0d; /* Optophobia */
--color-5: #3e6d6a; /* Moonlit Forest */
}Other schemes from Cola
- Cola Complementary Color Scheme#3C2F23#775C47#24313D#0B0C14#4A657A
- Cola Analogous Color Scheme#3C2233#3C2126#3C2F23#3F3925#2C3D28
- Cola Triadic Color Scheme#3C2F23#20392C#352235#7D6049#0F1012
- Cola Tetradic Color Scheme#3C2F23#2C3D28#24313D#3A243B#7D6049
- Cola Monochromatic Color Scheme#130D0D#130D0D#3C2F23#6D563C#9E7B5C
More Very Dark Orange split-complementary palettes
- Black Chocolate Split-complementary Color Scheme#441100#014431#001144#1A0600#018F6B
- Brown Split-complementary Color Scheme#653700#016367#000066#1C1208#01A7B2
- Burnt Coffee Split-complementary Color Scheme#271B10#10252A#111122#130D07#275A5D
- Chocolate Castle Split-complementary Color Scheme#452207#004444#000B44#1C1208#0B8B87
- Close but No Cigar Split-complementary Color Scheme#361D0A#113333#071037#1C1208#117471
- Creole Split-complementary Color Scheme#393227#203838#21263A#14100E#4A686C
- Délicieux au Chocolat Split-complementary Color Scheme#412010#12403C#111144#130D07#1F7F76
- English Walnut Split-complementary Color Scheme#3E2B23#273F39#21263A#130D0D#3E6D6A
- Evil Cigar Split-complementary Color Scheme#522000#005249#001155#1A0600#019E91
- Go to Hell Black Split-complementary Color Scheme#342C21#213638#222233#14100E#3A6364
- King Kong Split-complementary Color Scheme#161410#0F1519#0B0F1A#12110E#2D454A
- Medium Roast Split-complementary Color Scheme#3C2005#003839#000435#1C1208#0E8787
Questions
What colors go with Cola?
In a split-complementary scheme: Sunken Cascades (#273E3E), Midnight Express (#21263A), Optophobia (#130D0D), Moonlit Forest (#3E6D6A).
What is the hex code of Cola?
#3C2F23.