Major Brown Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Major Brown (#61574E), each snapped to its nearest named color.
#61574E
#456F6E
#40446C
#3C3024
#5F9B9C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Major Brown | #61574E | 97, 87, 78 | 28°, 11%, 34% | 0, 10, 20, 62 | 46.4% 0.019 64 | |
| Farrago | #456F6E | 69, 111, 110 | 179°, 23%, 35% | 38, 0, 1, 56 | 51.1% 0.047 194 | |
| Wooed | #40446C | 64, 68, 108 | 235°, 26%, 34% | 41, 37, 0, 58 | 40.2% 0.067 279 | |
| Cola Bubble | #3C3024 | 60, 48, 36 | 30°, 25%, 19% | 0, 20, 40, 76 | 31.9% 0.027 67 | |
| Jugendstil Turquoise | #5F9B9C | 95, 155, 156 | 181°, 24%, 49% | 39, 1, 0, 39 | 64.9% 0.062 197 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3C3024 on #5F9B9C | 4.06:1 | AA large |
| Aa #40446C on #5F9B9C | 2.94:1 | — |
| Aa #456F6E on #3C3024 | 2.29:1 | — |
| Aa #61574E on #5F9B9C | 2.23:1 | — |
| Aa #61574E on #3C3024 | 1.82:1 | — |
| Aa #456F6E on #5F9B9C | 1.77:1 | — |
CSS variables
:root {
--color-1: #61574e; /* Major Brown */
--color-2: #456f6e; /* Farrago */
--color-3: #40446c; /* Wooed */
--color-4: #3c3024; /* Cola Bubble */
--color-5: #5f9b9c; /* Jugendstil Turquoise */
}Other schemes from Major Brown
- Major Brown Complementary Color Scheme#61574E#A28367#435A6F#24313D#6B8CA9
- Major Brown Analogous Color Scheme#6C445B#6D4444#61574E#6C6A43#5A6E41
- Major Brown Triadic Color Scheme#61574E#416858#57446A#A68A6E#2B3F36
- Major Brown Tetradic Color Scheme#61574E#476E42#435A6F#674668#A68A6E
- Major Brown Monochromatic Color Scheme#0F0F0F#35312C#61574E#8C7E6F#ACA49A
More dark gray split-complementary color schemes
- After Dark Split-complementary Color Scheme#3C3535#2D4436#293947#14100E#4C785C
- After Midnight Split-complementary Color Scheme#38393F#4A352B#434C28#0C121B#775C47
- All Nighter Split-complementary Color Scheme#455454#60394D#604938#193232#8F5973
- Ancient Pine Split-complementary Color Scheme#444B43#473854#59354A#1B2B1B#6A5287
- Armadillo Split-complementary Color Scheme#484A46#33365B#5A395B#21211D#4E518B
- Arsenic Split-complementary Color Scheme#3B444B#553333#515131#181B26#864C52
- Artist’s Charcoal Split-complementary Color Scheme#37393E#4A352B#434C28#0C121B#7B5349
- Bark Split-complementary Color Scheme#5F5854#456F6E#43456D#433120#67A195
- Black Forest Split-complementary Color Scheme#5E6354#445172#674876#37412A#696BA0
- Black Magic Split-complementary Color Scheme#4F4554#576238#336644#2E183B#898E58
- Black Olive Split-complementary Color Scheme#3B3C36#2B3448#382B46#16160E#475877
- Black Orchid Split-complementary Color Scheme#525463#705446#636F46#2A2B41#A17D61
Questions
What colors go with Major Brown?
In a split-complementary scheme: Farrago (#456F6E), Wooed (#40446C), Cola Bubble (#3C3024), Jugendstil Turquoise (#5F9B9C).
What is the hex code of Major Brown?
#61574E.