Sparkling Cosmo Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sparkling Cosmo (#F9736E), each snapped to its nearest named color.
#F9736E
#6BFFB3
#77AAFF
#F02723
#B8F8D8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sparkling Cosmo | #F9736E | 249, 115, 110 | 2°, 92%, 70% | 0, 54, 56, 2 | |
| Venice Green | #6BFFB3 | 107, 255, 179 | 149°, 100%, 71% | 58, 0, 30, 0 | |
| Fennel Flower | #77AAFF | 119, 170, 255 | 218°, 100%, 73% | 53, 33, 0, 0 | |
| Bloodmyst Isle | #F02723 | 240, 39, 35 | 1°, 87%, 54% | 0, 84, 85, 6 | |
| Seafair Green | #B8F8D8 | 184, 248, 216 | 150°, 82%, 85% | 26, 0, 13, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F02723 on #B8F8D8 | 3.48:1 | AA large |
| Aa #6BFFB3 on #F02723 | 3.30:1 | AA large |
| Aa #F9736E on #B8F8D8 | 2.27:1 | — |
| Aa #F9736E on #6BFFB3 | 2.15:1 | — |
| Aa #77AAFF on #B8F8D8 | 1.94:1 | — |
| Aa #6BFFB3 on #77AAFF | 1.85:1 | — |
CSS variables
:root {
--color-1: #f9736e; /* Sparkling Cosmo */
--color-2: #6bffb3; /* Venice Green */
--color-3: #77aaff; /* Fennel Flower */
--color-4: #f02723; /* Bloodmyst Isle */
--color-5: #b8f8d8; /* Seafair Green */
}Other schemes from Sparkling Cosmo
- Sparkling Cosmo Complementary Color Scheme#F9736E#FCC9C7#6DEDFD#22EEFF#D0FEFE
- Sparkling Cosmo Analogous Color Scheme#FF6FFC#F970AC#F9736E#F6B96B#F8FF73
- Sparkling Cosmo Triadic Color Scheme#F9736E#73FA79#7777FF#FBD2CF#26FF2A
- Sparkling Cosmo Tetradic Color Scheme#F9736E#AEFD6C#6DEDFD#B36FF6#FBD2CF
- Sparkling Cosmo Monochromatic Color Scheme#C30B0A#F02723#F9736E#F9BAB5#FDE6E7
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 Sparkling Cosmo?
In a split-complementary scheme: Venice Green (#6BFFB3), Fennel Flower (#77AAFF), Bloodmyst Isle (#F02723), Seafair Green (#B8F8D8).
What is the hex code of Sparkling Cosmo?
#F9736E.