Roasted Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Roasted (#785246), each snapped to its nearest named color.
#785246
#49796B
#4A5777
#4B3029
#68A895
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Roasted | #785246 | 120, 82, 70 | 14°, 26%, 37% | 0, 32, 42, 53 | |
| Hooker’s Green | #49796B | 73, 121, 107 | 163°, 25%, 38% | 40, 0, 12, 53 | |
| Steadfast | #4A5777 | 74, 87, 119 | 223°, 23%, 38% | 38, 27, 0, 53 | |
| Rojo Marrón | #4B3029 | 75, 48, 41 | 12°, 29%, 23% | 0, 36, 45, 71 | |
| Calmness | #68A895 | 104, 168, 149 | 162°, 27%, 53% | 38, 0, 11, 34 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4B3029 on #68A895 | 4.35:1 | AA large |
| Aa #4A5777 on #68A895 | 2.61:1 | — |
| Aa #785246 on #68A895 | 2.46:1 | — |
| Aa #49796B on #4B3029 | 2.41:1 | — |
| Aa #49796B on #68A895 | 1.80:1 | — |
| Aa #785246 on #4B3029 | 1.76:1 | — |
CSS variables
:root {
--color-1: #785246; /* Roasted */
--color-2: #49796b; /* Hooker’s Green */
--color-3: #4a5777; /* Steadfast */
--color-4: #4b3029; /* Rojo Marrón */
--color-5: #68a895; /* Calmness */
}Other schemes from Roasted
- Roasted Complementary Color Scheme#785246#AE7F71#466E77#264348#76A0AF
- Roasted Analogous Color Scheme#73486B#744456#785246#786947#6E7C45
- Roasted Triadic Color Scheme#785246#49764F#534778#B18276#254636
- Roasted Tetradic Color Scheme#785246#507B49#466E77#694878#B18276
- Roasted Monochromatic Color Scheme#16110D#4B3029#785246#A47365#C1A097
More Dark Red split-complementary palettes
- Active Volcano Split-complementary Color Scheme#BB1133#11BB44#1682B9#771122#33EE66
- Akai Red Split-complementary Color Scheme#BC012E#00BB33#008DBB#680018#00FF55
- All Systems Red Split-complementary Color Scheme#B30103#00BB55#095BAF#660000#00FF7C
- Antique Port Wine Split-complementary Color Scheme#98211A#1E9167#1D5699#551111#2DD78D
- Arcane Red Split-complementary Color Scheme#6A2F2F#336B4B#2C4D69#3A181A#4C9C77
- Barbera Split-complementary Color Scheme#8B031C#008833#00608B#440011#0BDB43
- Barolo Split-complementary Color Scheme#71000E#006C2E#034A71#220000#00BB44
- Bitter Chocolate Split-complementary Color Scheme#4F2923#284C3C#28314D#16110D#398467
- Blackened Sun Split-complementary Color Scheme#77150E#127A49#053976#330404#0CB577
- Bleeding Crimson Split-complementary Color Scheme#9B1414#1E9752#17569B#5C0C0C#18D17B
- Blood Brother Split-complementary Color Scheme#770011#007722#014C76#2B0202#02C14D
- Blood Oath Split-complementary Color Scheme#85323C#2F8351#316382#4C1C24#45BE76
Questions
What colors go with Roasted?
In a split-complementary scheme: Hooker’s Green (#49796B), Steadfast (#4A5777), Rojo Marrón (#4B3029), Calmness (#68A895).
What is the hex code of Roasted?
#785246.