Hot Sauce Complementary Color Scheme
Five colors arranged by the complementary rule around Hot Sauce (#AB4F41), each snapped to its nearest named color.
#AB4F41
#CC8877
#4499AA
#306A78
#83C5CD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot Sauce | #AB4F41 | 171, 79, 65 | 8°, 45%, 46% | 0, 54, 62, 33 | |
| Ginger Whisper | #CC8877 | 204, 136, 119 | 12°, 45%, 63% | 0, 33, 42, 20 | |
| Rainy Mood | #4499AA | 68, 153, 170 | 190°, 43%, 47% | 60, 10, 0, 33 | |
| Ocean’s Embrace | #306A78 | 48, 106, 120 | 192°, 43%, 33% | 60, 12, 0, 53 | |
| Angel Blue | #83C5CD | 131, 197, 205 | 186°, 43%, 66% | 36, 4, 0, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #306A78 on #83C5CD | 3.13:1 | AA large |
| Aa #AB4F41 on #83C5CD | 2.76:1 | — |
| Aa #CC8877 on #306A78 | 2.13:1 | — |
| Aa #AB4F41 on #CC8877 | 1.87:1 | — |
| Aa #4499AA on #306A78 | 1.85:1 | — |
| Aa #4499AA on #83C5CD | 1.70:1 | — |
CSS variables
:root {
--color-1: #ab4f41; /* Hot Sauce */
--color-2: #cc8877; /* Ginger Whisper */
--color-3: #4499aa; /* Rainy Mood */
--color-4: #306a78; /* Ocean’s Embrace */
--color-5: #83c5cd; /* Angel Blue */
}Other schemes from Hot Sauce
- 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 Tetradic Color Scheme#AB4F41#66A545#4499AA#8547B5#CB8E81
- Hot Sauce Monochromatic Color Scheme#3A181A#73342A#AB4F41#CB7D6F#DDB1A8
More Medium Red complementary palettes
- 100 Mph Complementary Color Scheme#C93F38#D98580#3DCFC2#2B888D#88DDDD
- Alarm Complementary Color Scheme#EC0003#FF474C#00EEEE#00A29E#55FFFF
- Amaretto Complementary Color Scheme#AB6F60#CDA59C#6299AA#45747E#A7C5CE
- Amore Complementary Color Scheme#AE2F48#CF6275#25AE8E#1C6B69#73D4C2
- Anarchist Complementary Color Scheme#DB304A#E27E8A#2DDFC1#1BA590#87E0CF
- Angry Tomato Complementary Color Scheme#D82029#EC6D71#22CCCC#1A9597#6FEBE3
- Annatto Complementary Color Scheme#8C5341#BA816E#41788A#2A4B5A#75AEBD
- Apple Cherry Complementary Color Scheme#F81404#F7665A#00EBFF#05A3AD#6DEDFD
- Arcade Fire Complementary Color Scheme#EE3311#F47869#00CCEE#008CA9#6DEDFD
- Assassin’s Red Complementary Color Scheme#F60206#FF5555#01F1F1#00AAAA#65FFFF
- Autumn Fire Complementary Color Scheme#C44E4F#D99294#53C2C3#2B9890#9ADEDB
- Bacon Strips Complementary Color Scheme#DF3F32#E28980#30D5C8#189FAC#88EEEE
Questions
What colors go with Hot Sauce?
In a complementary scheme: Ginger Whisper (#CC8877), Rainy Mood (#4499AA), Ocean’s Embrace (#306A78), Angel Blue (#83C5CD).
What is the hex code of Hot Sauce?
#AB4F41.