Hot Sauce Triadic Color Scheme
Five colors arranged by the triadic rule around Hot Sauce (#AB4F41), each snapped to its nearest named color.
#AB4F41
#41A94F
#4A40AD
#CB8E81
#2F7532
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot Sauce | #AB4F41 | 171, 79, 65 | 8°, 45%, 46% | 0, 54, 62, 33 | |
| Leapfrog | #41A94F | 65, 169, 79 | 128°, 44%, 46% | 62, 0, 53, 34 | |
| Megadrive Screen | #4A40AD | 74, 64, 173 | 246°, 46%, 46% | 57, 63, 0, 32 | |
| Rose de Mai | #CB8E81 | 203, 142, 129 | 11°, 42%, 65% | 0, 30, 36, 20 | |
| Japanese Laurel | #2F7532 | 47, 117, 50 | 123°, 43%, 32% | 60, 0, 57, 54 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4A40AD on #CB8E81 | 2.94:1 | — |
| Aa #41A94F on #4A40AD | 2.67:1 | — |
| Aa #CB8E81 on #2F7532 | 2.08:1 | — |
| Aa #AB4F41 on #CB8E81 | 1.97:1 | — |
| Aa #41A94F on #2F7532 | 1.89:1 | — |
| Aa #AB4F41 on #41A94F | 1.79:1 | — |
CSS variables
:root {
--color-1: #ab4f41; /* Hot Sauce */
--color-2: #41a94f; /* Leapfrog */
--color-3: #4a40ad; /* Megadrive Screen */
--color-4: #cb8e81; /* Rose de Mai */
--color-5: #2f7532; /* Japanese Laurel */
}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 Split-complementary Color Scheme#AB4F41#40A48E#436BAD#73342A#6EC9A3
- Hot Sauce Tetradic Color Scheme#AB4F41#66A545#4499AA#8547B5#CB8E81
- Hot Sauce Monochromatic Color Scheme#3A181A#73342A#AB4F41#CB7D6F#DDB1A8
More Medium Red triadic palettes
- 100 Mph Triadic Color Scheme#C93F38#32CD32#243BCD#DA8C87#318F33
- Alarm Triadic Color Scheme#EC0003#00EE00#0000EE#FF5555#00A800
- Amaretto Triadic Color Scheme#AB6F60#69B076#7761AB#CEADA3#407A52
- Amore Triadic Color Scheme#AE2F48#44AA33#324AB2#DC6C84#2B7414
- Anarchist Triadic Color Scheme#DB304A#58D332#2242C7#F08497#33AA00
- Angry Tomato Triadic Color Scheme#D82029#24D427#243BCD#ED7777#1B8E13
- Annatto Triadic Color Scheme#8C5341#418C53#554488#BE8774#2B5D34
- Apple Cherry Triadic Color Scheme#F81404#09F911#1600FC#FF6E61#00AA11
- Arcade Fire Triadic Color Scheme#EE3311#16F12D#3311EE#F18870#00AA22
- Assassin’s Red Triadic Color Scheme#F60206#00F900#0804F9#FF6163#00AA00
- Autumn Fire Triadic Color Scheme#C44E4F#58D854#4455CC#DD9999#318F33
- Bacon Strips Triadic Color Scheme#DF3F32#3BDE39#243BCD#EE918D#11BB22
Questions
What colors go with Hot Sauce?
In a triadic scheme: Leapfrog (#41A94F), Megadrive Screen (#4A40AD), Rose de Mai (#CB8E81), Japanese Laurel (#2F7532).
What is the hex code of Hot Sauce?
#AB4F41.