Cinnamon Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cinnamon (#D26911), each snapped to its nearest named color.
#D26911
#09CDCD
#0011CC
#884411
#56F7F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cinnamon | #D26911 | 210, 105, 17 | 27°, 85%, 45% | 0, 50, 92, 18 | |
| Neon Lagoon | #09CDCD | 9, 205, 205 | 180°, 92%, 42% | 96, 0, 0, 20 | |
| Vesper | #0011CC | 0, 17, 204 | 235°, 100%, 40% | 100, 92, 0, 20 | |
| Sis Kebab | #884411 | 136, 68, 17 | 26°, 78%, 30% | 0, 50, 88, 47 | |
| Paraiba | #56F7F3 | 86, 247, 243 | 179°, 91%, 65% | 65, 0, 2, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0011CC on #56F7F3 | 8.19:1 | AAA |
| Aa #884411 on #56F7F3 | 5.55:1 | AA |
| Aa #09CDCD on #0011CC | 5.44:1 | AA |
| Aa #09CDCD on #884411 | 3.69:1 | AA large |
| Aa #D26911 on #0011CC | 2.96:1 | — |
| Aa #D26911 on #56F7F3 | 2.77:1 | — |
CSS variables
:root {
--color-1: #d26911; /* Cinnamon */
--color-2: #09cdcd; /* Neon Lagoon */
--color-3: #0011cc; /* Vesper */
--color-4: #884411; /* Sis Kebab */
--color-5: #56f7f3; /* Paraiba */
}Other schemes from Cinnamon
- Cinnamon Complementary Color Scheme#D26911#F09650#1974D2#054C8A#55AAEE
- Cinnamon Analogous Color Scheme#CC1177#CC0C1B#D26911#CCCC11#66CC11
- Cinnamon Triadic Color Scheme#D26911#11DD66#701DCE#F59D59#088D46
- Cinnamon Tetradic Color Scheme#D26911#11CC00#1974D2#D208CC#F59D59
- Cinnamon Monochromatic Color Scheme#452207#884411#D26911#F59344#F6B98A
More Medium Orange split-complementary palettes
- 24 Carrot Split-complementary Color Scheme#E56E24#25E2CD#273BE2#AD4E1A#6FE7DB
- À l’Orange Split-complementary Color Scheme#F2850D#11EEEE#150AEC#A75E09#56F7F3
- Acorn Split-complementary Color Scheme#7F5E50#43817A#4E5481#533B32#74A69B
- Amaretto Sour Split-complementary Color Scheme#C09856#56B3C3#6258C4#976F3C#8ECED8
- Amber Split-complementary Color Scheme#FFBF00#00BFFF#3F00FF#BB8800#4CD5FF
- Apocalyptic Orange Split-complementary Color Scheme#F4711E#08E8DE#152EFF#BB5511#66EEEE
- Arancio Split-complementary Color Scheme#FF7013#11FFEE#152EFF#C65102#65FFFF
- Argan Oil Split-complementary Color Scheme#9D6646#4A9C95#445599#6A432D#71BAB4
- Arrakis Spice Split-complementary Color Scheme#BB8246#43BCBE#4A40AD#825E2F#7FD3D3
- Arrowwood Split-complementary Color Scheme#B3861E#1E98AE#3A18B1#775511#34B5D5
- Atomic Orange Split-complementary Color Scheme#F88605#01F1F1#0C06F7#B25F03#53F6FF
- Autumnal Split-complementary Color Scheme#AD5928#25AE8E#2138AB#72371C#48D1CC
Questions
What colors go with Cinnamon?
In a split-complementary scheme: Neon Lagoon (#09CDCD), Vesper (#0011CC), Sis Kebab (#884411), Paraiba (#56F7F3).
What is the hex code of Cinnamon?
#D26911.