Hot Sauce Tetradic Color Scheme
Five colors arranged by the tetradic rule around Hot Sauce (#AB4F41), each snapped to its nearest named color.
#AB4F41
#66A545
#4499AA
#8547B5
#CB8E81
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot Sauce | #AB4F41 | 171, 79, 65 | 8°, 45%, 46% | 0, 54, 62, 33 | |
| Caterpillar | #66A545 | 102, 165, 69 | 99°, 41%, 46% | 38, 0, 58, 35 | |
| Rainy Mood | #4499AA | 68, 153, 170 | 190°, 43%, 47% | 60, 10, 0, 33 | |
| Harley Hair Purple | #8547B5 | 133, 71, 181 | 274°, 44%, 49% | 27, 61, 0, 29 | |
| Rose de Mai | #CB8E81 | 203, 142, 129 | 11°, 42%, 65% | 0, 30, 36, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8547B5 on #CB8E81 | 2.17:1 | — |
| Aa #66A545 on #8547B5 | 1.97:1 | — |
| Aa #AB4F41 on #CB8E81 | 1.97:1 | — |
| Aa #AB4F41 on #66A545 | 1.79:1 | — |
| Aa #4499AA on #8547B5 | 1.79:1 | — |
| Aa #AB4F41 on #4499AA | 1.63:1 | — |
CSS variables
:root {
--color-1: #ab4f41; /* Hot Sauce */
--color-2: #66a545; /* Caterpillar */
--color-3: #4499aa; /* Rainy Mood */
--color-4: #8547b5; /* Harley Hair Purple */
--color-5: #cb8e81; /* Rose de Mai */
}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 Split-complementary Color Scheme#AB4F41#40A48E#436BAD#73342A#6EC9A3
- Hot Sauce Monochromatic Color Scheme#3A181A#73342A#AB4F41#CB7D6F#DDB1A8
More Medium Red tetradic palettes
- 100 Mph Tetradic Color Scheme#C93F38#7DC734#3DCFC2#9632CE#DA8C87
- Alarm Tetradic Color Scheme#EC0003#73E608#00EEEE#6F00FE#FF5555
- Amaretto Tetradic Color Scheme#AB6F60#71AB62#6299AA#9264A2#CEADA3
- Amore Tetradic Color Scheme#AE2F48#8EAD2C#25AE8E#5930A9#DC6C84
- Anarchist Tetradic Color Scheme#DB304A#99DD33#2DDFC1#7736D9#F08497
- Angry Tomato Tetradic Color Scheme#D82029#88CC22#22CCCC#7722CC#ED7777
- Annatto Tetradic Color Scheme#8C5341#548D44#41788A#784384#BE8774
- Apple Cherry Tetradic Color Scheme#F81404#66FC00#00EBFF#9601F4#FF6E61
- Arcade Fire Tetradic Color Scheme#EE3311#4BEC13#00CCEE#AD0AFD#F18870
- Assassin’s Red Tetradic Color Scheme#F60206#87FD05#01F1F1#7F01FE#FF6163
- Autumn Fire Tetradic Color Scheme#C44E4F#8CC34B#53C2C3#8659C2#DD9999
- Bacon Strips Tetradic Color Scheme#DF3F32#75DE2F#30D5C8#8833DD#EE918D
Questions
What colors go with Hot Sauce?
In a tetradic scheme: Caterpillar (#66A545), Rainy Mood (#4499AA), Harley Hair Purple (#8547B5), Rose de Mai (#CB8E81).
What is the hex code of Hot Sauce?
#AB4F41.