Otterly Brown Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Otterly Brown (#8C4512), each snapped to its nearest named color.
#8C4512
#0B8B87
#091F92
#452207
#1FCECB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Otterly Brown | #8C4512 | 140, 69, 18 | 25°, 77%, 31% | 0, 51, 87, 45 | |
| Greenish Blue | #0B8B87 | 11, 139, 135 | 178°, 85%, 29% | 92, 0, 3, 45 | |
| Celestial Indigo | #091F92 | 9, 31, 146 | 230°, 88%, 30% | 94, 79, 0, 43 | |
| Chocolate Castle | #452207 | 69, 34, 7 | 26°, 82%, 15% | 0, 51, 90, 73 | |
| Blue Martina | #1FCECB | 31, 206, 203 | 179°, 74%, 46% | 85, 0, 1, 19 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #452207 on #1FCECB | 7.24:1 | AAA |
| Aa #091F92 on #1FCECB | 6.62:1 | AA |
| Aa #8C4512 on #1FCECB | 3.61:1 | AA large |
| Aa #0B8B87 on #452207 | 3.41:1 | AA large |
| Aa #0B8B87 on #091F92 | 3.12:1 | AA large |
| Aa #0B8B87 on #1FCECB | 2.13:1 | — |
CSS variables
:root {
--color-1: #8c4512; /* Otterly Brown */
--color-2: #0b8b87; /* Greenish Blue */
--color-3: #091f92; /* Celestial Indigo */
--color-4: #452207; /* Chocolate Castle */
--color-5: #1fcecb; /* Blue Martina */
}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 Triadic Color Scheme#8C4512#118844#441188#E56E24#05472A
- Otterly Brown Tetradic Color Scheme#8C4512#1B8E13#165A90#881188#E56E24
- Otterly Brown Monochromatic Color Scheme#130D07#452207#8C4512#D1691C#EB9552
More Dark Orange split-complementary palettes
- Afternoon Coffee Split-complementary Color Scheme#6E544B#477266#445172#43302E#67A195
- Aged Antics Split-complementary Color Scheme#886B2E#327A88#2E2D88#4E3E1F#41A0B4
- Ancient Chest Split-complementary Color Scheme#99522B#2B9890#2D3796#5D341A#55CCBB
- Antique Brass Split-complementary Color Scheme#6C461F#1C6B69#281367#361D0A#27A0A8
- Autumn Gold Split-complementary Color Scheme#7D623C#3C797D#413C7B#463623#55AAAA
- Avocado Stone Split-complementary Color Scheme#4E3E1F#1E454D#231C4D#1C1208#327A88
- Baby Bear Split-complementary Color Scheme#6F5944#456F6E#42426F#413628#65A19F
- Batch Brew Split-complementary Color Scheme#45392F#2A4845#2C2E47#171310#487678
- Bigfoot Split-complementary Color Scheme#715145#477266#445172#43302E#67A195
- Bison Split-complementary Color Scheme#6E4F3A#366D68#3B3B6D#3E2B23#53A391
- Black Power Split-complementary Color Scheme#654B37#3A6364#383867#35281E#4F938F
- Bloodhound Split-complementary Color Scheme#BB5511#13BBAF#0022BB#773311#25E2CD
Questions
What colors go with Otterly Brown?
In a split-complementary scheme: Greenish Blue (#0B8B87), Celestial Indigo (#091F92), Chocolate Castle (#452207), Blue Martina (#1FCECB).
What is the hex code of Otterly Brown?
#8C4512.