Peat Brown Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Peat Brown (#5A3D29), each snapped to its nearest named color.
#5A3D29
#2E5C58
#2C2C57
#271B10
#418D84
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Peat Brown | #5A3D29 | 90, 61, 41 | 24°, 37%, 26% | 0, 32, 54, 65 | |
| Lacrosse | #2E5C58 | 46, 92, 88 | 175°, 33%, 27% | 50, 0, 4, 64 | |
| Deep Sea Base | #2C2C57 | 44, 44, 87 | 240°, 33%, 26% | 49, 49, 0, 66 | |
| Burnt Coffee | #271B10 | 39, 27, 16 | 29°, 42%, 11% | 0, 31, 59, 85 | |
| Royal Palm | #418D84 | 65, 141, 132 | 173°, 37%, 40% | 54, 0, 6, 45 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #271B10 on #418D84 | 4.29:1 | AA large |
| Aa #2C2C57 on #418D84 | 3.34:1 | AA large |
| Aa #5A3D29 on #418D84 | 2.52:1 | — |
| Aa #2E5C58 on #271B10 | 2.23:1 | — |
| Aa #2E5C58 on #418D84 | 1.93:1 | — |
| Aa #2E5C58 on #2C2C57 | 1.74:1 | — |
CSS variables
:root {
--color-1: #5a3d29; /* Peat Brown */
--color-2: #2e5c58; /* Lacrosse */
--color-3: #2c2c57; /* Deep Sea Base */
--color-4: #271b10; /* Burnt Coffee */
--color-5: #418d84; /* Royal Palm */
}Other schemes from Peat Brown
- Peat Brown Complementary Color Scheme#5A3D29#9A6844#29465B#181B26#507CA0
- Peat Brown Analogous Color Scheme#5C2C45#59292C#5A3D29#5E582B#47562F
- Peat Brown Triadic Color Scheme#5A3D29#245D3F#362852#A36B4B#12221D
- Peat Brown Tetradic Color Scheme#5A3D29#2D5E22#29465B#55295B#A36B4B
- Peat Brown Monochromatic Color Scheme#130D07#271B10#5A3D29#8C6143#B98563
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 Peat Brown?
In a split-complementary scheme: Lacrosse (#2E5C58), Deep Sea Base (#2C2C57), Burnt Coffee (#271B10), Royal Palm (#418D84).
What is the hex code of Peat Brown?
#5A3D29.