Rosemary Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Rosemary (#405E5C), each snapped to its nearest named color.
#405E5C
#663C55
#604C3D
#193232
#975476
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Rosemary | #405E5C | 64, 94, 92 | 176°, 19%, 31% | 32, 0, 2, 63 | |
| Primitive Plum | #663C55 | 102, 60, 85 | 324°, 26%, 32% | 0, 41, 17, 60 | |
| Half-Caff | #604C3D | 96, 76, 61 | 26°, 22%, 31% | 0, 21, 36, 62 | |
| Dark Pine Green | #193232 | 25, 50, 50 | 180°, 33%, 15% | 50, 0, 0, 80 | |
| Sea Fan Fuchsia | #975476 | 151, 84, 118 | 330°, 29%, 46% | 0, 44, 22, 41 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #193232 on #975476 | 2.49:1 | — |
| Aa #405E5C on #193232 | 1.93:1 | — |
| Aa #604C3D on #193232 | 1.68:1 | — |
| Aa #663C55 on #975476 | 1.64:1 | — |
| Aa #663C55 on #193232 | 1.52:1 | — |
| Aa #604C3D on #975476 | 1.48:1 | — |
CSS variables
:root {
--color-1: #405e5c; /* Rosemary */
--color-2: #663c55; /* Primitive Plum */
--color-3: #604c3d; /* Half-Caff */
--color-4: #193232; /* Dark Pine Green */
--color-5: #975476; /* Sea Fan Fuchsia */
}Other schemes from Rosemary
- Rosemary Complementary Color Scheme#405E5C#599C99#653A3D#3B1F23#A06567
- Rosemary Analogous Color Scheme#3F663E#38614C#405E5C#3A5161#3D3D63
- Rosemary Triadic Color Scheme#405E5C#653B66#62603E#63A39C#2E183B
- Rosemary Tetradic Color Scheme#405E5C#4A3C62#653A3D#55643B#63A39C
- Rosemary Monochromatic Color Scheme#0F1012#252F2F#405E5C#5F8A8B#89ACAC
More Dark Teal split-complementary palettes
- After the Storm Split-complementary Color Scheme#33616A#6D3445#6A5536#1C3339#9F4D65
- Ahoy! Blue Split-complementary Color Scheme#0082A1#AA0033#AB7100#004455#EE0044
- Aqua Obscura Split-complementary Color Scheme#05696B#66033C#6E3A07#002222#A50B5E
- Arctic Nights Split-complementary Color Scheme#345C61#623745#665134#193232#955264
- Baltic Split-complementary Color Scheme#279D9F#9F2B68#9D652B#166461#C84186
- Beau Vert Split-complementary Color Scheme#0C6064#66033C#6E3A07#041723#AA1155
- Bermuda Split-complementary Color Scheme#1B7D8D#871646#97691E#0B474A#CC2266
- Billiard Split-complementary Color Scheme#00AF9F#AA0066#B64701#016459#FF0099
- Bleu Ciel Split-complementary Color Scheme#007BA1#AA0033#A87900#004058#F2013F
- Blue Fjord Split-complementary Color Scheme#007290#900020#886600#003344#DD0044
- Blue Ocean Split-complementary Color Scheme#009DC4#C40233#C68400#04627A#FF1155
- Blue-Collar Split-complementary Color Scheme#005F7A#770022#7A5901#002233#C40233
Questions
What colors go with Rosemary?
In a split-complementary scheme: Primitive Plum (#663C55), Half-Caff (#604C3D), Dark Pine Green (#193232), Sea Fan Fuchsia (#975476).
What is the hex code of Rosemary?
#405E5C.