Grapefruit Triadic Color Scheme
Five colors arranged by the triadic rule around Grapefruit (#FD5956), each snapped to its nearest named color.
#FD5956
#53FE5C
#5555FF
#FFBCBC
#09F911
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Grapefruit | #FD5956 | 253, 89, 86 | 1°, 98%, 66% | 0, 65, 66, 1 | |
| Green Katamari | #53FE5C | 83, 254, 92 | 123°, 99%, 66% | 67, 0, 64, 0 | |
| Shady Neon Blue | #5555FF | 85, 85, 255 | 240°, 100%, 67% | 67, 67, 0, 0 | |
| Peach Scone | #FFBCBC | 255, 188, 188 | 0°, 100%, 87% | 0, 26, 26, 0 | |
| Free Speech Green | #09F911 | 9, 249, 17 | 122°, 95%, 51% | 96, 0, 93, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #53FE5C on #5555FF | 3.80:1 | AA large |
| Aa #5555FF on #09F911 | 3.53:1 | AA large |
| Aa #5555FF on #FFBCBC | 3.19:1 | AA large |
| Aa #FD5956 on #53FE5C | 2.33:1 | — |
| Aa #FD5956 on #09F911 | 2.16:1 | — |
| Aa #FD5956 on #FFBCBC | 1.95:1 | — |
CSS variables
:root {
--color-1: #fd5956; /* Grapefruit */
--color-2: #53fe5c; /* Green Katamari */
--color-3: #5555ff; /* Shady Neon Blue */
--color-4: #ffbcbc; /* Peach Scone */
--color-5: #09f911; /* Free Speech Green */
}Other schemes from Grapefruit
- Grapefruit Complementary Color Scheme#FD5956#FFB3B1#53F6FF#0FFEF9#BBFFFF
- Grapefruit Analogous Color Scheme#FC53FC#FF55A3#FD5956#FCB057#FFFF55
- Grapefruit Split-complementary Color Scheme#FD5956#55FFAA#5BA8FF#FF0E0E#A5FBD5
- Grapefruit Tetradic Color Scheme#FD5956#AAFF55#53F6FF#AA55FF#FFBCBC
- Grapefruit Monochromatic Color Scheme#BA0105#FF0E0E#FD5956#FEA5A2#FFE6E7
More Light Red triadic palettes
- 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 Grapefruit?
In a triadic scheme: Green Katamari (#53FE5C), Shady Neon Blue (#5555FF), Peach Scone (#FFBCBC), Free Speech Green (#09F911).
What is the hex code of Grapefruit?
#FD5956.