Otterly Brown Triadic Color Scheme
Five colors arranged by the triadic rule around Otterly Brown (#8C4512), each snapped to its nearest named color.
#8C4512
#118844
#441188
#E56E24
#05472A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Otterly Brown | #8C4512 | 140, 69, 18 | 25°, 77%, 31% | 0, 51, 87, 45 | |
| The Wild Apothecary | #118844 | 17, 136, 68 | 146°, 78%, 30% | 88, 0, 50, 47 | |
| Grim Purple | #441188 | 68, 17, 136 | 266°, 78%, 30% | 50, 88, 0, 47 | |
| 24 Carrot | #E56E24 | 229, 110, 36 | 23°, 79%, 52% | 0, 52, 84, 10 | |
| Alaskan Moss | #05472A | 5, 71, 42 | 154°, 87%, 15% | 93, 0, 41, 72 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #441188 on #E56E24 | 3.92:1 | AA large |
| Aa #E56E24 on #05472A | 3.39:1 | AA large |
| Aa #118844 on #441188 | 2.75:1 | — |
| Aa #118844 on #05472A | 2.38:1 | — |
| Aa #8C4512 on #E56E24 | 2.21:1 | — |
| Aa #8C4512 on #441188 | 1.77:1 | — |
CSS variables
:root {
--color-1: #8c4512; /* Otterly Brown */
--color-2: #118844; /* The Wild Apothecary */
--color-3: #441188; /* Grim Purple */
--color-4: #e56e24; /* 24 Carrot */
--color-5: #05472a; /* Alaskan Moss */
}Other schemes from Otterly Brown
- Otterly Brown Complementary Color Scheme#8C4512#DF691E#165A90#09324A#318CE7
- Otterly Brown Analogous Color Scheme#811453#92181D#8C4512#93840F#5C8B15
- Otterly Brown Split-complementary Color Scheme#8C4512#0B8B87#091F92#452207#1FCECB
- Otterly Brown Tetradic Color Scheme#8C4512#1B8E13#165A90#881188#E56E24
- Otterly Brown Monochromatic Color Scheme#130D07#452207#8C4512#D1691C#EB9552
More Dark Orange triadic palettes
- Afternoon Coffee Triadic Color Scheme#6E544B#49764F#564375#AB8274#264334
- Aged Antics Triadic Color Scheme#886B2E#35836A#65318E#C5A253#1B4D3E
- Ancient Chest Triadic Color Scheme#99522B#229955#472E97#CC855A#165B31
- Antique Brass Triadic Color Scheme#6C461F#166A45#441166#BB7838#0D2E1C
- Autumn Gold Triadic Color Scheme#7D623C#3B7960#653D7C#B4966B#254636
- Avocado Stone Triadic Color Scheme#4E3E1F#1B4D3E#3F1D50#9B7939#0F1519
- Baby Bear Triadic Color Scheme#6F5944#416858#594670#A78C71#274234
- Batch Brew Triadic Color Scheme#45392F#2E4B3C#382B46#8B6B51#141513
- Bigfoot Triadic Color Scheme#715145#477050#544173#AB8274#274234
- Bison Triadic Color Scheme#6E4F3A#366C4E#513B6E#AC8262#20392C
- Black Power Triadic Color Scheme#654B37#35654D#4D3466#A57C5B#1B3427
- Bloodhound Triadic Color Scheme#BB5511#11BB55#5500BB#EE8844#117733
Questions
What colors go with Otterly Brown?
In a triadic scheme: The Wild Apothecary (#118844), Grim Purple (#441188), 24 Carrot (#E56E24), Alaskan Moss (#05472A).
What is the hex code of Otterly Brown?
#8C4512.