Hot Sauce Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hot Sauce (#AB4F41), each snapped to its nearest named color.
#AB4F41
#40A48E
#436BAD
#73342A
#6EC9A3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot Sauce | #AB4F41 | 171, 79, 65 | 8°, 45%, 46% | 0, 54, 62, 33 | |
| Marine Green | #40A48E | 64, 164, 142 | 167°, 44%, 45% | 61, 0, 13, 36 | |
| Waterline Blue | #436BAD | 67, 107, 173 | 217°, 44%, 47% | 61, 38, 0, 32 | |
| Brandy Brown | #73342A | 115, 52, 42 | 8°, 46%, 31% | 0, 55, 63, 55 | |
| Minted Elegance | #6EC9A3 | 110, 201, 163 | 155°, 46%, 61% | 45, 0, 19, 21 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #73342A on #6EC9A3 | 4.68:1 | AA |
| Aa #40A48E on #73342A | 3.07:1 | AA large |
| Aa #AB4F41 on #6EC9A3 | 2.69:1 | — |
| Aa #436BAD on #6EC9A3 | 2.67:1 | — |
| Aa #AB4F41 on #40A48E | 1.76:1 | — |
| Aa #40A48E on #436BAD | 1.75:1 | — |
CSS variables
:root {
--color-1: #ab4f41; /* Hot Sauce */
--color-2: #40a48e; /* Marine Green */
--color-3: #436bad; /* Waterline Blue */
--color-4: #73342a; /* Brandy Brown */
--color-5: #6ec9a3; /* Minted Elegance */
}Other schemes from Hot Sauce
- Hot Sauce Complementary Color Scheme#AB4F41#CC8877#4499AA#306A78#83C5CD
- Hot Sauce Analogous Color Scheme#B44C97#AA4069#AB4F41#AA8344#99B243
- Hot Sauce Triadic Color Scheme#AB4F41#41A94F#4A40AD#CB8E81#2F7532
- Hot Sauce Tetradic Color Scheme#AB4F41#66A545#4499AA#8547B5#CB8E81
- Hot Sauce Monochromatic Color Scheme#3A181A#73342A#AB4F41#CB7D6F#DDB1A8
More Medium Red split-complementary palettes
- 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 Hot Sauce?
In a split-complementary scheme: Marine Green (#40A48E), Waterline Blue (#436BAD), Brandy Brown (#73342A), Minted Elegance (#6EC9A3).
What is the hex code of Hot Sauce?
#AB4F41.