Cherry Tomato Triadic Color Scheme
Five colors arranged by the triadic rule around Cherry Tomato (#F2013F), each snapped to its nearest named color.
#F2013F
#33EE00
#0339F8
#FF5C8D
#33AA00
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Cherry Tomato | #F2013F | 242, 1, 63 | 345°, 99%, 48% | 0, 100, 74, 5 | 60.8% 0.244 20 | |
| Satin Lime | #33EE00 | 51, 238, 0 | 107°, 100%, 47% | 79, 0, 100, 7 | 82.7% 0.274 141 | |
| Vibrant Blue | #0339F8 | 3, 57, 248 | 227°, 98%, 49% | 99, 77, 0, 3 | 48.4% 0.279 264 | |
| Stellar Strawberry | #FF5C8D | 255, 92, 141 | 342°, 100%, 68% | 0, 64, 45, 0 | 70.2% 0.201 5 | |
| Candy Grass | #33AA00 | 51, 170, 0 | 102°, 100%, 33% | 70, 0, 100, 33 | 64.6% 0.208 140 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #33EE00 on #0339F8 | 4.54:1 | AA |
| Aa #F2013F on #33EE00 | 2.76:1 | — |
| Aa #0339F8 on #FF5C8D | 2.43:1 | — |
| Aa #0339F8 on #33AA00 | 2.34:1 | — |
| Aa #33EE00 on #33AA00 | 1.94:1 | — |
| Aa #33EE00 on #FF5C8D | 1.87:1 | — |
CSS variables
:root {
--color-1: #f2013f; /* Cherry Tomato */
--color-2: #33ee00; /* Satin Lime */
--color-3: #0339f8; /* Vibrant Blue */
--color-4: #ff5c8d; /* Stellar Strawberry */
--color-5: #33aa00; /* Candy Grass */
}Other schemes from Cherry Tomato
- Cherry Tomato Complementary Color Scheme#F2013F#F54D79#00FBB0#00A67E#55FFCC
- Cherry Tomato Analogous Color Scheme#B300FF#FF01B7#F2013F#F83800#F2B400
- Cherry Tomato Split-complementary Color Scheme#F2013F#00EE33#00BBEE#AC0132#4CFF7B
- Cherry Tomato Tetradic Color Scheme#F2013F#BBEE00#00FBB0#3F00FF#FF5C8D
- Cherry Tomato Monochromatic Color Scheme#560319#AC0132#F2013F#FE486C#FC8AAA
More medium pink triadic color schemes
- Akari Red Triadic Color Scheme#C90B42#46CB18#024ACA#F44772#2A8000
- Amor Triadic Color Scheme#EE3377#7FF23E#3D7AFD#FF91AF#55CC11
- Amora Purple Triadic Color Scheme#BB22AA#A4BF20#22AABB#E760D2#717910
- Anger Triadic Color Scheme#DD0055#55DD00#0055DD#F7468A#339900
- Aphroditean Fuchsia Triadic Color Scheme#DD14AB#B0DD16#1DACD6#E760D2#769C18
- Awkward Purple Triadic Color Scheme#D208CC#CDD80D#09CDCD#FF44EE#83890E
- Barbara Triadic Color Scheme#FF0FF3#EEFF11#0FF0FE#FC74FD#B5C306
- Bat’s Blood Soup Triadic Color Scheme#EE3366#68E52F#2B62F4#F091A9#46CB18
- Beet Wave Triadic Color Scheme#D4265D#58D332#214FC6#ED7A9E#44891A
- Beetroot Purple Triadic Color Scheme#D33376#75DE2F#3377CC#E585A5#5F9727
- Benevolent Pink Triadic Color Scheme#DD1188#88DD11#0088DC#EE66BB#5C8B15
- Bermuda Onion Triadic Color Scheme#9D5A8F#8F9B5B#5B8D9F#CA99B7#607038
Questions
What colors go with Cherry Tomato?
In a triadic scheme: Satin Lime (#33EE00), Vibrant Blue (#0339F8), Stellar Strawberry (#FF5C8D), Candy Grass (#33AA00).
What is the hex code of Cherry Tomato?
#F2013F.