Pesto Rosso Triadic Color Scheme
Five colors arranged by the triadic rule around Pesto Rosso (#BB3333), each snapped to its nearest named color.
#BB3333
#34B334
#2F36BA
#D9787C
#2E7D32
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pesto Rosso | #BB3333 | 187, 51, 51 | 0°, 57%, 47% | 0, 73, 73, 27 | 53.0% 0.173 25 | |
| Try Your Luck | #34B334 | 52, 179, 52 | 120°, 55%, 45% | 71, 0, 71, 30 | 67.3% 0.198 143 | |
| Blue Cardinal Flower | #2F36BA | 47, 54, 186 | 237°, 60%, 46% | 75, 71, 0, 27 | 42.5% 0.202 272 | |
| Juicy Details | #D9787C | 217, 120, 124 | 358°, 56%, 66% | 0, 45, 43, 15 | 68.1% 0.121 18 | |
| Lush Paradise | #2E7D32 | 46, 125, 50 | 123°, 46%, 34% | 63, 0, 60, 51 | 52.3% 0.135 144 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #34B334 on #2F36BA | 3.24:1 | AA large |
| Aa #2F36BA on #D9787C | 2.94:1 | — |
| Aa #BB3333 on #34B334 | 2.10:1 | — |
| Aa #BB3333 on #D9787C | 1.91:1 | — |
| Aa #34B334 on #2E7D32 | 1.87:1 | — |
| Aa #2F36BA on #2E7D32 | 1.74:1 | — |
CSS variables
:root {
--color-1: #bb3333; /* Pesto Rosso */
--color-2: #34b334; /* Try Your Luck */
--color-3: #2f36ba; /* Blue Cardinal Flower */
--color-4: #d9787c; /* Juicy Details */
--color-5: #2e7d32; /* Lush Paradise */
}Other schemes from Pesto Rosso
- Pesto Rosso Complementary Color Scheme#BB3333#D87273#30BFBF#2C7C79#78D8D9
- Pesto Rosso Analogous Color Scheme#BB33AA#BB3377#BB3333#BB7733#BDBF35
- Pesto Rosso Split-complementary Color Scheme#BB3333#37B575#3778BF#7D2621#6ADC99
- Pesto Rosso Tetradic Color Scheme#BB3333#7BB92B#30BFBF#6633BB#D9787C
- Pesto Rosso Monochromatic Color Scheme#441111#7D2621#BB3333#D46362#E5A1A0
More medium red triadic color schemes
- 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 Pesto Rosso?
In a triadic scheme: Try Your Luck (#34B334), Blue Cardinal Flower (#2F36BA), Juicy Details (#D9787C), Lush Paradise (#2E7D32).
What is the hex code of Pesto Rosso?
#BB3333.