Noble Chocolate Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Noble Chocolate (#6D4433), each snapped to its nearest named color.
#6D4433
#376D64
#313D6C
#3C241B
#4DA48B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Noble Chocolate | #6D4433 | 109, 68, 51 | 18°, 36%, 31% | 0, 38, 53, 57 | |
| Statue of Liberty | #376D64 | 55, 109, 100 | 170°, 33%, 32% | 50, 0, 8, 57 | |
| Newport Indigo | #313D6C | 49, 61, 108 | 228°, 38%, 31% | 55, 44, 0, 58 | |
| Brown Pod | #3C241B | 60, 36, 27 | 16°, 38%, 17% | 0, 40, 55, 76 | |
| Corrosion Green | #4DA48B | 77, 164, 139 | 163°, 36%, 47% | 53, 0, 15, 36 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3C241B on #4DA48B | 4.79:1 | AA |
| Aa #313D6C on #4DA48B | 3.47:1 | AA large |
| Aa #6D4433 on #4DA48B | 2.77:1 | — |
| Aa #376D64 on #3C241B | 2.42:1 | — |
| Aa #376D64 on #4DA48B | 1.98:1 | — |
| Aa #376D64 on #313D6C | 1.75:1 | — |
CSS variables
:root {
--color-1: #6d4433; /* Noble Chocolate */
--color-2: #376d64; /* Statue of Liberty */
--color-3: #313d6c; /* Newport Indigo */
--color-4: #3c241b; /* Brown Pod */
--color-5: #4da48b; /* Corrosion Green */
}Other schemes from Noble Chocolate
- Noble Chocolate Complementary Color Scheme#6D4433#AA6C51#335E6F#1C3339#5492AF
- Noble Chocolate Analogous Color Scheme#773355#6C333F#6D4433#6F6138#5F6D36
- Noble Chocolate Triadic Color Scheme#6D4433#316745#462E6E#B37256#193925
- Noble Chocolate Tetradic Color Scheme#6D4433#3E6334#335E6F#602F6B#B37256
- Noble Chocolate Monochromatic Color Scheme#130D07#3C241B#6D4433#A5654A#C09078
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 Noble Chocolate?
In a split-complementary scheme: Statue of Liberty (#376D64), Newport Indigo (#313D6C), Brown Pod (#3C241B), Corrosion Green (#4DA48B).
What is the hex code of Noble Chocolate?
#6D4433.