Babe Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Babe (#DC7B7C), each snapped to its nearest named color.
#DC7B7C
#7BD9AD
#7DABD8
#D13B40
#B2EED3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Babe | #DC7B7C | 220, 123, 124 | 359°, 58%, 67% | 0, 44, 44, 14 | |
| Fresco Green | #7BD9AD | 123, 217, 173 | 152°, 55%, 67% | 43, 0, 20, 15 | |
| High Seas | #7DABD8 | 125, 171, 216 | 210°, 54%, 67% | 42, 21, 0, 15 | |
| Red Bliss | #D13B40 | 209, 59, 64 | 358°, 62%, 53% | 0, 72, 69, 18 | |
| Faint Clover | #B2EED3 | 178, 238, 211 | 153°, 64%, 82% | 25, 0, 11, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D13B40 on #B2EED3 | 3.64:1 | AA large |
| Aa #7BD9AD on #D13B40 | 2.80:1 | — |
| Aa #DC7B7C on #B2EED3 | 2.24:1 | — |
| Aa #7DABD8 on #D13B40 | 1.97:1 | — |
| Aa #7DABD8 on #B2EED3 | 1.85:1 | — |
| Aa #DC7B7C on #7BD9AD | 1.73:1 | — |
CSS variables
:root {
--color-1: #dc7b7c; /* Babe */
--color-2: #7bd9ad; /* Fresco Green */
--color-3: #7dabd8; /* High Seas */
--color-4: #d13b40; /* Red Bliss */
--color-5: #b2eed3; /* Faint Clover */
}Other schemes from Babe
- Babe Complementary Color Scheme#DC7B7C#EDC3C5#78D8D9#3DCFC2#CEEEEF
- Babe Analogous Color Scheme#DD77DD#DF7BA4#DC7B7C#DDAA77#D3DE7B
- Babe Triadic Color Scheme#DC7B7C#77DD77#7777CC#F1CBCD#5AD33E
- Babe Tetradic Color Scheme#DC7B7C#AFD77F#78D8D9#B57EDC#F1CBCD
- Babe Monochromatic Color Scheme#932A25#D13B40#DC7B7C#ECB6B5#F9EAEB
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
- 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
- Borlotti Bean Split-complementary Color Scheme#D9B1AA#ACD7C8#ABB9D7#C0816E#DEF1EA
Questions
What colors go with Babe?
In a split-complementary scheme: Fresco Green (#7BD9AD), High Seas (#7DABD8), Red Bliss (#D13B40), Faint Clover (#B2EED3).
What is the hex code of Babe?
#DC7B7C.