Rusty Heart Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Rusty Heart (#A04039), each snapped to its nearest named color.
#A04039
#3AA372
#3762A5
#672422
#5CCD97
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Rusty Heart | #A04039 | 160, 64, 57 | 4°, 47%, 43% | 0, 60, 64, 37 | 50.0% 0.129 27 | |
| Linoleum Green | #3AA372 | 58, 163, 114 | 152°, 48%, 43% | 64, 0, 30, 36 | 64.2% 0.122 160 | |
| International | #3762A5 | 55, 98, 165 | 217°, 50%, 43% | 67, 41, 0, 35 | 49.9% 0.118 259 | |
| Azuki Red | #672422 | 103, 36, 34 | 2°, 50%, 27% | 0, 65, 67, 60 | 36.1% 0.097 25 | |
| Vegetation | #5CCD97 | 92, 205, 151 | 151°, 53%, 58% | 55, 0, 26, 20 | 76.8% 0.131 160 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #672422 on #5CCD97 | 5.74:1 | AA |
| Aa #3AA372 on #672422 | 3.60:1 | AA large |
| Aa #A04039 on #5CCD97 | 3.24:1 | AA large |
| Aa #3762A5 on #5CCD97 | 3.08:1 | AA large |
| Aa #A04039 on #3AA372 | 2.03:1 | — |
| Aa #3AA372 on #3762A5 | 1.93:1 | — |
CSS variables
:root {
--color-1: #a04039; /* Rusty Heart */
--color-2: #3aa372; /* Linoleum Green */
--color-3: #3762a5; /* International */
--color-4: #672422; /* Azuki Red */
--color-5: #5ccd97; /* Vegetation */
}Other schemes from Rusty Heart
- Rusty Heart Complementary Color Scheme#A04039#CD716B#3896A7#24646B#70CBCE
- Rusty Heart Analogous Color Scheme#A83A9A#A63864#A04039#A37336#94A135
- Rusty Heart Triadic Color Scheme#A04039#39AD48#4E32B2#D0756F#296D23
- Rusty Heart Tetradic Color Scheme#A04039#68A43C#3896A7#773CA7#D0756F
- Rusty Heart Monochromatic Color Scheme#2F1212#672422#A04039#CC6758#DD9999
More medium red split-complementary color schemes
- 100 Mph Split-complementary Color Scheme#C93F38#22CC88#327CCB#8C2C24#7AD7AD
- Alarm Split-complementary Color Scheme#EC0003#0BF77D#0078F8#A10000#36FF9A
- Amaretto Split-complementary Color Scheme#AB6F60#65A98F#6274AB#784D40#93C5B6
- Amore Split-complementary Color Scheme#AE2F48#36B14E#2E85B1#771C2B#50C87C
- Anarchist Split-complementary Color Scheme#DB304A#3CD070#2FA1DA#A01C2D#7BE892
- Angry Tomato Split-complementary Color Scheme#D82029#24DD7E#248BCC#97171E#58F898
- Annatto Split-complementary Color Scheme#8C5341#408E7C#45538D#5B342E#6AB5A4
- Apple Cherry Split-complementary Color Scheme#F81404#00FA92#0070FF#AE0C00#55FFAA
- Arcade Fire Split-complementary Color Scheme#EE3311#0EE8A3#1D5DEC#AB250B#55FFAA
- Assassin’s Red Split-complementary Color Scheme#F60206#0BF77D#0080FF#AB0102#58F898
- Autumn Fire Split-complementary Color Scheme#C44E4F#54C589#5488C0#94312F#88DDAA
- Bacon Strips Split-complementary Color Scheme#DF3F32#2DD78D#307DD3#AA251B#77EEBB
Questions
What colors go with Rusty Heart?
In a split-complementary scheme: Linoleum Green (#3AA372), International (#3762A5), Azuki Red (#672422), Vegetation (#5CCD97).
What is the hex code of Rusty Heart?
#A04039.