Tomato (CSS) Triadic Color Scheme
Five colors arranged by the triadic rule around Tomato (CSS) (#FF6347), each snapped to its nearest named color.
#FF6347
#4CFF7B
#6844FC
#FEBAAD
#00FF26
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Tomato (CSS) | #FF6347 | 255, 99, 71 | 9°, 100%, 64% | 0, 61, 72, 0 | 69.6% 0.196 32 | |
| Experimintal Green | #4CFF7B | 76, 255, 123 | 136°, 100%, 65% | 70, 0, 52, 0 | 88.3% 0.227 148 | |
| Pink OCD | #6844FC | 104, 68, 252 | 252°, 97%, 63% | 59, 73, 0, 1 | 54.8% 0.254 283 | |
| Ripe Melon | #FEBAAD | 254, 186, 173 | 10°, 98%, 84% | 0, 27, 32, 0 | 84.8% 0.081 31 | |
| Cyber Neon Green | #00FF26 | 0, 255, 38 | 129°, 100%, 50% | 100, 0, 85, 0 | 86.7% 0.288 143 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4CFF7B on #6844FC | 4.16:1 | AA large |
| Aa #6844FC on #00FF26 | 4.01:1 | AA large |
| Aa #6844FC on #FEBAAD | 3.36:1 | AA large |
| Aa #FF6347 on #4CFF7B | 2.23:1 | — |
| Aa #FF6347 on #00FF26 | 2.15:1 | — |
| Aa #FF6347 on #6844FC | 1.87:1 | — |
CSS variables
:root {
--color-1: #ff6347; /* Tomato (CSS) */
--color-2: #4cff7b; /* Experimintal Green */
--color-3: #6844fc; /* Pink OCD */
--color-4: #febaad; /* Ripe Melon */
--color-5: #00ff26; /* Cyber Neon Green */
}Other schemes from Tomato (CSS)
- Tomato (CSS) Complementary Color Scheme#FF6347#FFAFA3#45E9FD#04D9FF#AAEEFF
- Tomato (CSS) Analogous Color Scheme#FF44EE#FF4681#FF6347#FFBE4C#E1FE52
- Tomato (CSS) Split-complementary Color Scheme#FF6347#55FFAA#4488FF#FF2600#99FFDD
- Tomato (CSS) Tetradic Color Scheme#FF6347#9CEF43#45E9FD#AA55FF#FEBAAD
- Tomato (CSS) Monochromatic Color Scheme#B21B00#FF2600#FF6347#FEA993#FFE4E1
More light red triadic color schemes
- Amour Triadic Color Scheme#EE5851#43E85F#524EFB#F5B1AA#0ADD08
- Angry Flamingo Triadic Color Scheme#F04E45#4EFD54#4B4CFC#F9A7A4#00CC11
- Anime Blush Triadic Color Scheme#FF7A83#8CFD7E#7A81FF#FFE4E1#33FF22
- Aphrodisiac Triadic Color Scheme#E35A63#70F15E#5260E1#F1B3B6#24D427
- Babe Triadic Color Scheme#DC7B7C#77DD77#7777CC#F1CBCD#5AD33E
- Begonia Triadic Color Scheme#FA6E79#77FF66#6A79F7#FDD0D5#33FF22
- Berrylicious Triadic Color Scheme#D75E6C#69D84F#5170D7#ECB2B3#34B334
- Bite My Tongue Triadic Color Scheme#D47D72#6CCC7B#7777CC#ECC5C0#3EB753
- Blood Burst Triadic Color Scheme#FF474C#4EFD54#4C4DFF#FFB0AC#00F900
- Blush Bomb Triadic Color Scheme#DD99AA#A9D99C#9BACD8#F5E6EA#74C365
- Blush Hour Triadic Color Scheme#FF6F91#96F97B#6888FC#FFD6DD#55FF22
- Boho Blush Triadic Color Scheme#E58787#94E089#8F8CE7#F8DCDB#58D854
Questions
What colors go with Tomato (CSS)?
In a triadic scheme: Experimintal Green (#4CFF7B), Pink OCD (#6844FC), Ripe Melon (#FEBAAD), Cyber Neon Green (#00FF26).
What is the hex code of Tomato (CSS)?
#FF6347.