First Love Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around First Love (#CF758A), each snapped to its nearest named color.
#CF758A
#77CC88
#77B7D0
#B64055
#B4E1BB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| First Love | #CF758A | 207, 117, 138 | 346°, 48%, 64% | 0, 43, 33, 19 | |
| Serengeti Green | #77CC88 | 119, 204, 136 | 132°, 45%, 63% | 42, 0, 33, 20 | |
| Blue Chrysocolla | #77B7D0 | 119, 183, 208 | 197°, 49%, 64% | 43, 12, 0, 18 | |
| Merlot Magic | #B64055 | 182, 64, 85 | 349°, 48%, 48% | 0, 65, 53, 29 | |
| Fringy Flower | #B4E1BB | 180, 225, 187 | 129°, 43%, 79% | 20, 0, 17, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B64055 on #B4E1BB | 3.74:1 | AA large |
| Aa #77CC88 on #B64055 | 2.80:1 | — |
| Aa #77B7D0 on #B64055 | 2.46:1 | — |
| Aa #CF758A on #B4E1BB | 2.20:1 | — |
| Aa #CF758A on #B64055 | 1.70:1 | — |
| Aa #CF758A on #77CC88 | 1.64:1 | — |
CSS variables
:root {
--color-1: #cf758a; /* First Love */
--color-2: #77cc88; /* Serengeti Green */
--color-3: #77b7d0; /* Blue Chrysocolla */
--color-4: #b64055; /* Merlot Magic */
--color-5: #b4e1bb; /* Fringy Flower */
}Other schemes from First Love
- First Love Complementary Color Scheme#CF758A#E4B6C4#77CCBB#42B395#C4EAE0
- First Love Analogous Color Scheme#B86FC2#CF71AF#CF758A#CF8C76#CFBB75
- First Love Triadic Color Scheme#CF758A#89D178#7391CC#E7C2CA#55AA44
- First Love Tetradic Color Scheme#CF758A#BCCB7A#77CCBB#8E72C7#E7C2CA
- First Love Monochromatic Color Scheme#7C2D37#B64055#CF758A#E5ABBE#F5E6EA
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 First Love?
In a split-complementary scheme: Serengeti Green (#77CC88), Blue Chrysocolla (#77B7D0), Merlot Magic (#B64055), Fringy Flower (#B4E1BB).
What is the hex code of First Love?
#CF758A.