Upset Tomato Triadic Color Scheme
Five colors arranged by the triadic rule around Upset Tomato (#B52923), each snapped to its nearest named color.
#B52923
#22BB22
#2425B9
#E26058
#077F1B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Upset Tomato | #B52923 | 181, 41, 35 | 2°, 68%, 42% | 0, 77, 81, 29 | |
| Lush Plains | #22BB22 | 34, 187, 34 | 120°, 69%, 43% | 82, 0, 82, 27 | |
| Sapphire Splendour | #2425B9 | 36, 37, 185 | 240°, 67%, 43% | 81, 80, 0, 27 | |
| Fiery Coral | #E26058 | 226, 96, 88 | 3°, 70%, 62% | 0, 58, 61, 11 | |
| Poblano | #077F1B | 7, 127, 27 | 130°, 90%, 26% | 94, 0, 79, 50 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #22BB22 on #2425B9 | 4.02:1 | AA large |
| Aa #2425B9 on #E26058 | 2.96:1 | — |
| Aa #B52923 on #22BB22 | 2.48:1 | — |
| Aa #22BB22 on #077F1B | 2.02:1 | — |
| Aa #2425B9 on #077F1B | 1.99:1 | — |
| Aa #B52923 on #E26058 | 1.83:1 | — |
CSS variables
:root {
--color-1: #b52923; /* Upset Tomato */
--color-2: #22bb22; /* Lush Plains */
--color-3: #2425b9; /* Sapphire Splendour */
--color-4: #e26058; /* Fiery Coral */
--color-5: #077f1b; /* Poblano */
}Other schemes from Upset Tomato
- Upset Tomato Complementary Color Scheme#B52923#DB5856#20AEB1#1A6C76#4FDCE1
- Upset Tomato Analogous Color Scheme#BB22AA#BB2266#B52923#B17426#B0AE26
- 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 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 Upset Tomato?
In a triadic scheme: Lush Plains (#22BB22), Sapphire Splendour (#2425B9), Fiery Coral (#E26058), Poblano (#077F1B).
What is the hex code of Upset Tomato?
#B52923.