Upset Tomato Complementary Color Scheme
Five colors arranged by the complementary rule around Upset Tomato (#B52923), each snapped to its nearest named color.
#B52923
#DB5856
#20AEB1
#1A6C76
#4FDCE1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Upset Tomato | #B52923 | 181, 41, 35 | 2°, 68%, 42% | 0, 77, 81, 29 | |
| Bricks of Hope | #DB5856 | 219, 88, 86 | 1°, 65%, 60% | 0, 60, 61, 14 | |
| Larkspur Blue | #20AEB1 | 32, 174, 177 | 181°, 69%, 41% | 82, 2, 0, 31 | |
| Teal Fury | #1A6C76 | 26, 108, 118 | 187°, 64%, 28% | 78, 8, 0, 54 | |
| Neon Nazar | #4FDCE1 | 79, 220, 225 | 182°, 71%, 60% | 65, 2, 0, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B52923 on #4FDCE1 | 3.83:1 | AA large |
| Aa #1A6C76 on #4FDCE1 | 3.67:1 | AA large |
| Aa #B52923 on #20AEB1 | 2.34:1 | — |
| Aa #DB5856 on #4FDCE1 | 2.28:1 | — |
| Aa #20AEB1 on #1A6C76 | 2.25:1 | — |
| Aa #B52923 on #DB5856 | 1.68:1 | — |
CSS variables
:root {
--color-1: #b52923; /* Upset Tomato */
--color-2: #db5856; /* Bricks of Hope */
--color-3: #20aeb1; /* Larkspur Blue */
--color-4: #1a6c76; /* Teal Fury */
--color-5: #4fdce1; /* Neon Nazar */
}Other schemes from Upset Tomato
- Upset Tomato Analogous Color Scheme#BB22AA#BB2266#B52923#B17426#B0AE26
- Upset Tomato Triadic Color Scheme#B52923#22BB22#2425B9#E26058#077F1B
- Upset Tomato Split-complementary Color Scheme#B52923#2BB179#276AB3#711518#5CCD97
- Upset Tomato Tetradic Color Scheme#B52923#63B521#20AEB1#7722AA#E26058
- Upset Tomato Monochromatic Color Scheme#331111#711518#B52923#DE5346#E4898A
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 Upset Tomato?
In a complementary scheme: Bricks of Hope (#DB5856), Larkspur Blue (#20AEB1), Teal Fury (#1A6C76), Neon Nazar (#4FDCE1).
What is the hex code of Upset Tomato?
#B52923.