Trout Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Trout (#4C5356), each snapped to its nearest named color.
#4C5356
#663F44
#685E3F
#232F36
#975B60
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Trout | #4C5356 | 76, 83, 86 | 198°, 6%, 32% | 12, 3, 0, 66 | |
| Beetroot | #663F44 | 102, 63, 68 | 352°, 24%, 32% | 0, 38, 33, 60 | |
| Classic Olive | #685E3F | 104, 94, 63 | 45°, 25%, 33% | 0, 10, 39, 59 | |
| Freinacht Black | #232F36 | 35, 47, 54 | 202°, 21%, 17% | 35, 13, 0, 79 | |
| Ruby Crystal | #975B60 | 151, 91, 96 | 355°, 25%, 47% | 0, 40, 36, 41 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #232F36 on #975B60 | 2.60:1 | — |
| Aa #685E3F on #232F36 | 2.13:1 | — |
| Aa #4C5356 on #232F36 | 1.75:1 | — |
| Aa #663F44 on #975B60 | 1.69:1 | — |
| Aa #663F44 on #232F36 | 1.54:1 | — |
| Aa #4C5356 on #975B60 | 1.49:1 | — |
CSS variables
:root {
--color-1: #4c5356; /* Trout */
--color-2: #663f44; /* Beetroot */
--color-3: #685e3f; /* Classic Olive */
--color-4: #232f36; /* Freinacht Black */
--color-5: #975b60; /* Ruby Crystal */
}Other schemes from Trout
- Trout Complementary Color Scheme#4C5356#5B8D9F#63493E#302621#A97765
- Trout Analogous Color Scheme#3D604A#3E645B#4C5356#3E4364#4A3C62
- Trout Triadic Color Scheme#4C5356#663C55#5A653A#648FA4#312231
- Trout Tetradic Color Scheme#4C5356#5D3F6A#63493E#47613C#648FA4
- Trout Monochromatic Color Scheme#0F0F0F#292C2C#4C5356#6F797E#99A1A5
More Dark Gray split-complementary palettes
- 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 Trout?
In a split-complementary scheme: Beetroot (#663F44), Classic Olive (#685E3F), Freinacht Black (#232F36), Ruby Crystal (#975B60).
What is the hex code of Trout?
#4C5356.