Milk Chocolate Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Milk Chocolate (#7F4E1E), each snapped to its nearest named color.
#7F4E1E
#1F7F76
#191970
#442211
#30BFBF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Milk Chocolate | #7F4E1E | 127, 78, 30 | 30°, 62%, 31% | 0, 39, 76, 50 | |
| Geneva Green | #1F7F76 | 31, 127, 118 | 174°, 61%, 31% | 76, 0, 7, 50 | |
| 20000 Leagues Under the Sea | #191970 | 25, 25, 112 | 240°, 64%, 27% | 78, 78, 0, 56 | |
| Duqqa Brown | #442211 | 68, 34, 17 | 20°, 60%, 17% | 0, 50, 75, 73 | |
| Maximum Blue Green | #30BFBF | 48, 191, 191 | 180°, 60%, 47% | 75, 0, 0, 25 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #191970 on #30BFBF | 6.60:1 | AA |
| Aa #442211 on #30BFBF | 6.29:1 | AA |
| Aa #7F4E1E on #30BFBF | 3.10:1 | AA large |
| Aa #1F7F76 on #191970 | 3.08:1 | AA large |
| Aa #1F7F76 on #442211 | 2.94:1 | — |
| Aa #1F7F76 on #30BFBF | 2.14:1 | — |
CSS variables
:root {
--color-1: #7f4e1e; /* Milk Chocolate */
--color-2: #1f7f76; /* Geneva Green */
--color-3: #191970; /* 20000 Leagues Under the Sea */
--color-4: #442211; /* Duqqa Brown */
--color-5: #30bfbf; /* Maximum Blue Green */
}Other schemes from Milk Chocolate
- Milk Chocolate Complementary Color Scheme#7F4E1E#C57F2E#1A4876#112244#2987C7
- Milk Chocolate Analogous Color Scheme#78184A#701C1C#7F4E1E#7F7711#536B1F
- Milk Chocolate Triadic Color Scheme#7F4E1E#177B4D#540D6E#D28034#17462E
- Milk Chocolate Tetradic Color Scheme#7F4E1E#077F1B#1A4876#751973#D28034
- Milk Chocolate Monochromatic Color Scheme#1C1208#442211#7F4E1E#BC752D#DA9A5D
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 Milk Chocolate?
In a split-complementary scheme: Geneva Green (#1F7F76), 20000 Leagues Under the Sea (#191970), Duqqa Brown (#442211), Maximum Blue Green (#30BFBF).
What is the hex code of Milk Chocolate?
#7F4E1E.