Hazelnut Chocolate Tetradic Color Scheme
Five colors arranged by the tetradic rule around Hazelnut Chocolate (#7B3F00), each snapped to its nearest named color.
#7B3F00
#007800
#053976
#660077
#E17701
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hazelnut Chocolate | #7B3F00 | 123, 63, 0 | 31°, 100%, 24% | 0, 49, 100, 52 | |
| Green Hills | #007800 | 0, 120, 0 | 120°, 100%, 24% | 100, 0, 100, 53 | |
| Azure Dragon | #053976 | 5, 57, 118 | 212°, 92%, 24% | 96, 52, 0, 54 | |
| Zeus Purple | #660077 | 102, 0, 119 | 291°, 100%, 23% | 14, 100, 0, 53 | |
| Pumpkin Soup | #E17701 | 225, 119, 1 | 32°, 99%, 44% | 0, 47, 100, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #660077 on #E17701 | 3.74:1 | AA large |
| Aa #053976 on #E17701 | 3.69:1 | AA large |
| Aa #7B3F00 on #E17701 | 2.68:1 | — |
| Aa #007800 on #660077 | 2.01:1 | — |
| Aa #007800 on #053976 | 1.99:1 | — |
| Aa #007800 on #E17701 | 1.86:1 | — |
CSS variables
:root {
--color-1: #7b3f00; /* Hazelnut Chocolate */
--color-2: #007800; /* Green Hills */
--color-3: #053976; /* Azure Dragon */
--color-4: #660077; /* Zeus Purple */
--color-5: #e17701; /* Pumpkin Soup */
}Other schemes from Hazelnut Chocolate
- Hazelnut Chocolate Complementary Color Scheme#7B3F00#DD6600#053976#001B2E#056EEE
- Hazelnut Chocolate Analogous Color Scheme#730039#770000#7B3F00#777700#337700
- Hazelnut Chocolate Triadic Color Scheme#7B3F00#037A3B#330077#E17701#003311
- Hazelnut Chocolate Split-complementary Color Scheme#7B3F00#007A7C#000077#2D1403#00C5CD
- Hazelnut Chocolate Monochromatic Color Scheme#1C1208#2D1403#7B3F00#CC6600#FF8E13
More Dark Orange tetradic palettes
- Afternoon Coffee Tetradic Color Scheme#6E544B#517345#496A76#674876#AB8274
- Aged Antics Tetradic Color Scheme#886B2E#288F3D#324A8B#883377#C5A253
- Ancient Chest Tetradic Color Scheme#99522B#3E912D#277594#8B2A98#CC855A
- Antique Brass Tetradic Color Scheme#6C461F#166D29#1E446E#691D6C#BB7838
- Autumn Gold Tetradic Color Scheme#7D623C#3D7049#3A5779#6E3974#B4966B
- Avocado Stone Tetradic Color Scheme#4E3E1F#1E4D2B#1B3053#531745#9B7939
- Baby Bear Tetradic Color Scheme#6F5944#476E42#435A6F#724770#A78C71
- Batch Brew Tetradic Color Scheme#45392F#36482F#2D3A49#452E4A#8B6B51
- Bigfoot Tetradic Color Scheme#715145#517345#406374#674876#AB8274
- Bison Tetradic Color Scheme#6E4F3A#3D703E#3E586E#673E6E#AC8262
- Black Power Tetradic Color Scheme#654B37#3E6334#3B5066#653B66#A57C5B
- Bloodhound Tetradic Color Scheme#BB5511#22BB11#0777BC#AC1DB8#EE8844
Questions
What colors go with Hazelnut Chocolate?
In a tetradic scheme: Green Hills (#007800), Azure Dragon (#053976), Zeus Purple (#660077), Pumpkin Soup (#E17701).
What is the hex code of Hazelnut Chocolate?
#7B3F00.