Coyote Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Coyote (#DC9B68), each snapped to its nearest named color.
#DC9B68
#65DCD6
#6F6ED1
#C67533
#B1EAE8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Coyote | #DC9B68 | 220, 155, 104 | 26°, 62%, 64% | 0, 30, 53, 14 | |
| Hammam Blue | #65DCD6 | 101, 220, 214 | 177°, 63%, 63% | 54, 0, 3, 14 | |
| C64 Purple | #6F6ED1 | 111, 110, 209 | 241°, 52%, 63% | 47, 47, 0, 18 | |
| October | #C67533 | 198, 117, 51 | 27°, 59%, 49% | 0, 41, 74, 22 | |
| Spearmint Water | #B1EAE8 | 177, 234, 232 | 178°, 58%, 81% | 24, 0, 1, 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6F6ED1 on #B1EAE8 | 3.27:1 | AA large |
| Aa #65DCD6 on #6F6ED1 | 2.64:1 | — |
| Aa #C67533 on #B1EAE8 | 2.64:1 | — |
| Aa #65DCD6 on #C67533 | 2.13:1 | — |
| Aa #DC9B68 on #6F6ED1 | 1.85:1 | — |
| Aa #DC9B68 on #B1EAE8 | 1.77:1 | — |
CSS variables
:root {
--color-1: #dc9b68; /* Coyote */
--color-2: #65dcd6; /* Hammam Blue */
--color-3: #6f6ed1; /* C64 Purple */
--color-4: #c67533; /* October */
--color-5: #b1eae8; /* Spearmint Water */
}Other schemes from Coyote
- Coyote Complementary Color Scheme#DC9B68#EDCCB3#65A7DD#2987C7#BED7F0
- Coyote Analogous Color Scheme#D767AD#D86773#DC9B68#DCD867#AADD66
- Coyote Triadic Color Scheme#DC9B68#6ADC99#966FD6#EFCFBC#3CD070
- Coyote Tetradic Color Scheme#DC9B68#77DD77#65A7DD#CC66DD#EFCFBC
- Coyote Monochromatic Color Scheme#8A5024#C67533#DC9B68#E7C3A4#F9EDE3
More Light Orange split-complementary palettes
- 24 Karat Split-complementary Color Scheme#DFC685#83C7DF#8A83DA#CFAC47#C1E4F0
- 3AM Latte Split-complementary Color Scheme#C0A98E#8FBCC4#8A8DC4#A9855D#BCDBDB
- Ancestral Gold Split-complementary Color Scheme#DDCDA6#A5D4DC#B4A6D5#C6AD6F#DDF0F0
- Angry Pasta Split-complementary Color Scheme#FFCC55#55DDFF#7755FF#FEB308#A6E7FF
- Anise Biscotti Split-complementary Color Scheme#E5D5AE#ADDAE3#ACACE6#D1B871#E8F4F7
- Another One Bites the Dust Split-complementary Color Scheme#C7BBA4#A4C3C5#AFA5C7#AD9773#D3E3E5
- Apricot Split-complementary Color Scheme#FFB16D#6FFFFF#7777FF#FF8822#BBFFFF
- Apricotta Split-complementary Color Scheme#D8A48F#8DD9CC#8B98D8#C57556#CAEDE4
- Artisans Gold Split-complementary Color Scheme#F2AB46#45E9FD#524EFB#DD8811#8AF1FE
- Ashes to Ashes Split-complementary Color Scheme#BBB3A2#9BBCC3#A598C4#A8946B#CADCDE
- Atomic Tangerine Split-complementary Color Scheme#FF9966#66EEEE#6688FF#FF6316#BBFFEE
- Attic Linen Split-complementary Color Scheme#CCBCA9#A7CAC9#ACA8CD#B09879#DAE7E9
Questions
What colors go with Coyote?
In a split-complementary scheme: Hammam Blue (#65DCD6), C64 Purple (#6F6ED1), October (#C67533), Spearmint Water (#B1EAE8).
What is the hex code of Coyote?
#DC9B68.