Drip Coffee Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Drip Coffee (#7A280A), each snapped to its nearest named color.
#7A280A
#0E7C61
#062A78
#331100
#00C08E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Drip Coffee | #7A280A | 122, 40, 10 | 16°, 85%, 26% | 0, 67, 92, 52 | |
| Turquoise Cyan | #0E7C61 | 14, 124, 97 | 165°, 80%, 27% | 89, 0, 22, 51 | |
| Catalina Blue | #062A78 | 6, 42, 120 | 221°, 90%, 25% | 95, 65, 0, 53 | |
| Chocolate Melange | #331100 | 51, 17, 0 | 20°, 100%, 10% | 0, 67, 100, 80 | |
| Blarney | #00C08E | 0, 192, 142 | 164°, 100%, 38% | 100, 0, 26, 25 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #331100 on #00C08E | 7.31:1 | AAA |
| Aa #062A78 on #00C08E | 5.55:1 | AA |
| Aa #7A280A on #00C08E | 4.18:1 | AA large |
| Aa #0E7C61 on #331100 | 3.34:1 | AA large |
| Aa #0E7C61 on #062A78 | 2.53:1 | — |
| Aa #0E7C61 on #00C08E | 2.19:1 | — |
CSS variables
:root {
--color-1: #7a280a; /* Drip Coffee */
--color-2: #0e7c61; /* Turquoise Cyan */
--color-3: #062a78; /* Catalina Blue */
--color-4: #331100; /* Chocolate Melange */
--color-5: #00c08e; /* Blarney */
}Other schemes from Drip Coffee
- Drip Coffee Complementary Color Scheme#7A280A#CC4411#0B597C#012731#16A3CB
- Drip Coffee Analogous Color Scheme#750851#7B0323#7A280A#74640D#4D6D08
- Drip Coffee Triadic Color Scheme#7A280A#087830#220878#DD4411#003311
- Drip Coffee Tetradic Color Scheme#7A280A#227700#0B597C#661177#DD4411
- Drip Coffee Monochromatic Color Scheme#1A0600#331100#7A280A#CA3F16#F0622F
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 Drip Coffee?
In a split-complementary scheme: Turquoise Cyan (#0E7C61), Catalina Blue (#062A78), Chocolate Melange (#331100), Blarney (#00C08E).
What is the hex code of Drip Coffee?
#7A280A.