Mochaccino Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mochaccino (#945200), each snapped to its nearest named color.
#945200
#018C94
#000099
#492B00
#00D6E2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mochaccino | #945200 | 148, 82, 0 | 33°, 100%, 29% | 0, 45, 100, 42 | |
| Tempo Teal | #018C94 | 1, 140, 148 | 183°, 99%, 29% | 99, 5, 0, 42 | |
| Everlasting Night | #000099 | 0, 0, 153 | 240°, 100%, 30% | 100, 100, 0, 40 | |
| Stirland Mud | #492B00 | 73, 43, 0 | 35°, 100%, 14% | 0, 41, 100, 71 | |
| Aztec Turquoise | #00D6E2 | 0, 214, 226 | 183°, 100%, 44% | 100, 5, 0, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #000099 on #00D6E2 | 8.03:1 | AAA |
| Aa #492B00 on #00D6E2 | 7.19:1 | AAA |
| Aa #018C94 on #000099 | 3.55:1 | AA large |
| Aa #945200 on #00D6E2 | 3.38:1 | AA large |
| Aa #018C94 on #492B00 | 3.18:1 | AA large |
| Aa #945200 on #000099 | 2.37:1 | — |
CSS variables
:root {
--color-1: #945200; /* Mochaccino */
--color-2: #018c94; /* Tempo Teal */
--color-3: #000099; /* Everlasting Night */
--color-4: #492b00; /* Stirland Mud */
--color-5: #00d6e2; /* Aztec Turquoise */
}Other schemes from Mochaccino
- Mochaccino Complementary Color Scheme#945200#F28500#004499#002147#0070FF
- Mochaccino Analogous Color Scheme#960145#9B0503#945200#8C9900#419C03
- Mochaccino Triadic Color Scheme#945200#009051#5E0092#FF8B00#05472A
- Mochaccino Tetradic Color Scheme#945200#089404#004499#990088#FF8B00
- Mochaccino Monochromatic Color Scheme#1C1208#492B00#945200#E47901#FFA62D
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 Mochaccino?
In a split-complementary scheme: Tempo Teal (#018C94), Everlasting Night (#000099), Stirland Mud (#492B00), Aztec Turquoise (#00D6E2).
What is the hex code of Mochaccino?
#945200.