Meatloaf Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Meatloaf (#663311), each snapped to its nearest named color.
#663311
#0E695F
#111166
#241005
#17A99E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Meatloaf | #663311 | 102, 51, 17 | 24°, 71%, 23% | 0, 50, 83, 60 | |
| Evergreen Forest | #0E695F | 14, 105, 95 | 173°, 76%, 23% | 87, 0, 10, 59 | |
| Dying Storm Blue | #111166 | 17, 17, 102 | 240°, 71%, 23% | 83, 83, 0, 60 | |
| Severely Burnt Toast | #241005 | 36, 16, 5 | 21°, 76%, 8% | 0, 56, 86, 86 | |
| Tropical Hideaway | #17A99E | 23, 169, 158 | 175°, 76%, 38% | 86, 0, 7, 34 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #241005 on #17A99E | 6.26:1 | AA |
| Aa #111166 on #17A99E | 5.56:1 | AA |
| Aa #663311 on #17A99E | 3.52:1 | AA large |
| Aa #0E695F on #241005 | 2.78:1 | — |
| Aa #0E695F on #111166 | 2.47:1 | — |
| Aa #0E695F on #17A99E | 2.25:1 | — |
CSS variables
:root {
--color-1: #663311; /* Meatloaf */
--color-2: #0e695f; /* Evergreen Forest */
--color-3: #111166; /* Dying Storm Blue */
--color-4: #241005; /* Severely Burnt Toast */
--color-5: #17a99e; /* Tropical Hideaway */
}Other schemes from Meatloaf
- Meatloaf Complementary Color Scheme#663311#B35E1F#124168#041723#277ABA
- Meatloaf Analogous Color Scheme#661449#661111#663311#665E0D#4B6113
- Meatloaf Triadic Color Scheme#663311#1B6634#331166#B85824#002211
- Meatloaf Tetradic Color Scheme#663311#116611#124168#540D6E#B85824
- Meatloaf Monochromatic Color Scheme#130D07#241005#663311#A9561E#DD7733
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 Meatloaf?
In a split-complementary scheme: Evergreen Forest (#0E695F), Dying Storm Blue (#111166), Severely Burnt Toast (#241005), Tropical Hideaway (#17A99E).
What is the hex code of Meatloaf?
#663311.