Cut the Mustard Analogous Color Scheme
Five colors arranged by the analogous rule around Cut the Mustard (#BA7F38), each snapped to its nearest named color.
#B9396E
#B63E36
#BA7F38
#AFBB33
#70B23F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Spicy Purple | #B9396E | 185, 57, 110 | 335°, 53%, 47% | 0, 69, 41, 27 | |
| Scarlet Red | #B63E36 | 182, 62, 54 | 4°, 54%, 46% | 0, 66, 70, 29 | |
| Cut the Mustard | #BA7F38 | 186, 127, 56 | 33°, 54%, 47% | 0, 32, 70, 27 | |
| Lush Bamboo | #AFBB33 | 175, 187, 51 | 65°, 57%, 47% | 6, 0, 73, 27 | |
| Nasty Green | #70B23F | 112, 178, 63 | 94°, 48%, 47% | 37, 0, 65, 30 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B63E36 on #AFBB33 | 2.67:1 | — |
| Aa #B9396E on #AFBB33 | 2.58:1 | — |
| Aa #B63E36 on #70B23F | 2.18:1 | — |
| Aa #B9396E on #70B23F | 2.10:1 | — |
| Aa #B63E36 on #BA7F38 | 1.66:1 | — |
| Aa #BA7F38 on #AFBB33 | 1.61:1 | — |
CSS variables
:root {
--color-1: #b9396e; /* Spicy Purple */
--color-2: #b63e36; /* Scarlet Red */
--color-3: #ba7f38; /* Cut the Mustard */
--color-4: #afbb33; /* Lush Bamboo */
--color-5: #70b23f; /* Nasty Green */
}Other schemes from Cut the Mustard
- Cut the Mustard Complementary Color Scheme#BA7F38#D3AD77#3473B7#24547D#7DABD8
- Cut the Mustard Triadic Color Scheme#BA7F38#37B575#7737AA#DAB27D#2E7B52
- Cut the Mustard Split-complementary Color Scheme#BA7F38#34B1B2#3C3FB1#7A552E#6ACED4
- Cut the Mustard Tetradic Color Scheme#BA7F38#34B334#3473B7#B13AAD#DAB27D
- Cut the Mustard Monochromatic Color Scheme#4D3113#7A552E#BA7F38#D0A46D#E6C8A9
More Medium Orange analogous palettes
- 24 Carrot Analogous Color Scheme#E82A8E#E32636#E56E24#E2CF24#88EE22
- À l’Orange Analogous Color Scheme#EE1177#F5160B#F2850D#F0F20C#7FF217
- Acorn Analogous Color Scheme#824E78#825059#7F5E50#837752#70804D
- Amaretto Sour Analogous Color Scheme#C1537D#C26157#C09856#B4C04C#7FC15C
- Amber Analogous Color Scheme#FF0044#FF4200#FFBF00#C0FF00#4AFF00
- Apocalyptic Orange Analogous Color Scheme#FF1CAE#EC1837#F4711E#F4D81C#B4F319
- Arancio Analogous Color Scheme#FF1CAE#FF1133#FF7013#FEE715#A8FF04
- Argan Oil Analogous Color Scheme#9C4A7D#9C4856#9D6646#9A9147#7B9F4B
- Arrakis Spice Analogous Color Scheme#BA417B#BB4745#BB8246#B6BD4A#7EBA4D
- Arrowwood Analogous Color Scheme#B31C45#AD3D1E#B3861E#94B21C#4CBB17
- Atomic Orange Analogous Color Scheme#FF0077#FF0D04#F88605#EEFE02#7CFC00
- Autumnal Analogous Color Scheme#AA2F78#A82A38#AD5928#AC9825#7AAC21
Questions
What colors go with Cut the Mustard?
In a analogous scheme: Spicy Purple (#B9396E), Scarlet Red (#B63E36), Lush Bamboo (#AFBB33), Nasty Green (#70B23F).
What is the hex code of Cut the Mustard?
#BA7F38.