Light Red Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Light Red (#FF7F7F), each snapped to its nearest named color.
#FF7F7F
#7EFFBA
#77BBFF
#FF3333
#CCFFEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Light Red | #FF7F7F | 255, 127, 127 | 0°, 100%, 75% | 0, 50, 50, 0 | |
| Mint Bliss | #7EFFBA | 126, 255, 186 | 148°, 100%, 75% | 51, 0, 27, 0 | |
| Cooler Than Ever | #77BBFF | 119, 187, 255 | 210°, 100%, 73% | 53, 27, 0, 0 | |
| Pelati | #FF3333 | 255, 51, 51 | 0°, 100%, 60% | 0, 80, 80, 0 | |
| Mint Coffee | #CCFFEE | 204, 255, 238 | 160°, 100%, 90% | 20, 0, 7, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF3333 on #CCFFEE | 3.31:1 | AA large |
| Aa #7EFFBA on #FF3333 | 2.93:1 | — |
| Aa #FF7F7F on #CCFFEE | 2.22:1 | — |
| Aa #FF7F7F on #7EFFBA | 1.97:1 | — |
| Aa #77BBFF on #CCFFEE | 1.85:1 | — |
| Aa #77BBFF on #FF3333 | 1.79:1 | — |
CSS variables
:root {
--color-1: #ff7f7f; /* Light Red */
--color-2: #7effba; /* Mint Bliss */
--color-3: #77bbff; /* Cooler Than Ever */
--color-4: #ff3333; /* Pelati */
--color-5: #ccffee; /* Mint Coffee */
}Other schemes from Light Red
- Light Red Complementary Color Scheme#FF7F7F#FFDADC#7DF9FF#33FFFF#E7FEFF
- Light Red Analogous Color Scheme#FB7EFD#F77FBE#FF7F7F#FFBB7C#FEFF7F
- Light Red Triadic Color Scheme#FF7F7F#76FF7B#7777FF#FFE6E4#26FF2A
- Light Red Tetradic Color Scheme#FF7F7F#BEFD73#7DF9FF#BF77F6#FFE6E4
- Light Red Monochromatic Color Scheme#E50000#FF3333#FF7F7F#FFCCCC#FFE6E4
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 Light Red?
In a split-complementary scheme: Mint Bliss (#7EFFBA), Cooler Than Ever (#77BBFF), Pelati (#FF3333), Mint Coffee (#CCFFEE).
What is the hex code of Light Red?
#FF7F7F.