Grapefruit Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Grapefruit (#FD5956), each snapped to its nearest named color.
#FD5956
#55FFAA
#5BA8FF
#FF0E0E
#A5FBD5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Grapefruit | #FD5956 | 253, 89, 86 | 1°, 98%, 66% | 0, 65, 66, 1 | |
| Hanuman Green | #55FFAA | 85, 255, 170 | 150°, 100%, 67% | 67, 0, 33, 0 | |
| Âbi Blue | #5BA8FF | 91, 168, 255 | 212°, 100%, 68% | 64, 34, 0, 0 | |
| Danger | #FF0E0E | 255, 14, 14 | 0°, 100%, 53% | 0, 95, 95, 0 | |
| Pale Turquoise | #A5FBD5 | 165, 251, 213 | 153°, 91%, 82% | 34, 0, 15, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF0E0E on #A5FBD5 | 3.26:1 | AA large |
| Aa #55FFAA on #FF0E0E | 3.06:1 | AA large |
| Aa #FD5956 on #A5FBD5 | 2.58:1 | — |
| Aa #FD5956 on #55FFAA | 2.41:1 | — |
| Aa #5BA8FF on #A5FBD5 | 2.04:1 | — |
| Aa #55FFAA on #5BA8FF | 1.92:1 | — |
CSS variables
:root {
--color-1: #fd5956; /* Grapefruit */
--color-2: #55ffaa; /* Hanuman Green */
--color-3: #5ba8ff; /* Âbi Blue */
--color-4: #ff0e0e; /* Danger */
--color-5: #a5fbd5; /* Pale Turquoise */
}Other schemes from Grapefruit
- Grapefruit Complementary Color Scheme#FD5956#FFB3B1#53F6FF#0FFEF9#BBFFFF
- Grapefruit Analogous Color Scheme#FC53FC#FF55A3#FD5956#FCB057#FFFF55
- Grapefruit Triadic Color Scheme#FD5956#53FE5C#5555FF#FFBCBC#09F911
- Grapefruit Tetradic Color Scheme#FD5956#AAFF55#53F6FF#AA55FF#FFBCBC
- Grapefruit Monochromatic Color Scheme#BA0105#FF0E0E#FD5956#FEA5A2#FFE6E7
More Light Red split-complementary palettes
- Amour Split-complementary Color Scheme#EE5851#53FCA1#4F8FE6#DD180E#96FBC4
- Angry Flamingo Split-complementary Color Scheme#F04E45#53FCA1#4488EE#DD180E#96FBC4
- Anime Blush Split-complementary Color Scheme#FF7A83#7EFBB3#77CCFF#FF3333#CCFFDD
- Aphrodisiac Split-complementary Color Scheme#E35A63#58F898#5DADEC#D3212D#99EEBB
- Babe Split-complementary Color Scheme#DC7B7C#7BD9AD#7DABD8#D13B40#B2EED3
- Begonia Split-complementary Color Scheme#FA6E79#76FDA8#74BBFB#FF2233#B8F8D8
- Berrylicious Split-complementary Color Scheme#D75E6C#5CCD97#57A9D4#B52F3A#99E6B3
- Bite My Tongue Split-complementary Color Scheme#D47D72#78D1B1#6E99D1#BC4D39#B2E4D0
- Blood Burst Split-complementary Color Scheme#FF474C#58F898#46ADF9#F60206#96FBC4
- Blush Bomb Split-complementary Color Scheme#DD99AA#99DEAD#95CDD8#C7607B#D1F0DD
- Blush Hour Split-complementary Color Scheme#FF6F91#7BE892#76D6FF#FF2255#BDFFCA
- Boho Blush Split-complementary Color Scheme#E58787#8BE0BA#83BCE5#D3494E#D1F1DE
Questions
What colors go with Grapefruit?
In a split-complementary scheme: Hanuman Green (#55FFAA), Âbi Blue (#5BA8FF), Danger (#FF0E0E), Pale Turquoise (#A5FBD5).
What is the hex code of Grapefruit?
#FD5956.