Warm Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Warm Pink (#FB5581), each snapped to its nearest named color.
#FB5581
#4CFF7B
#4CD5FF
#F5054F
#A7FFB5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Warm Pink | #FB5581 | 251, 85, 129 | 344°, 95%, 66% | 0, 66, 49, 2 | |
| Experimintal Green | #4CFF7B | 76, 255, 123 | 136°, 100%, 65% | 70, 0, 52, 0 | |
| Libra Blue Morpho | #4CD5FF | 76, 213, 255 | 194°, 100%, 65% | 70, 16, 0, 0 | |
| Pink Red | #F5054F | 245, 5, 79 | 342°, 96%, 49% | 0, 98, 68, 4 | |
| Light Seafoam Green | #A7FFB5 | 167, 255, 181 | 130°, 100%, 83% | 35, 0, 29, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F5054F on #A7FFB5 | 3.51:1 | AA large |
| Aa #4CFF7B on #F5054F | 3.17:1 | AA large |
| Aa #FB5581 on #A7FFB5 | 2.62:1 | — |
| Aa #4CD5FF on #F5054F | 2.45:1 | — |
| Aa #FB5581 on #4CFF7B | 2.37:1 | — |
| Aa #FB5581 on #4CD5FF | 1.83:1 | — |
CSS variables
:root {
--color-1: #fb5581; /* Warm Pink */
--color-2: #4cff7b; /* Experimintal Green */
--color-3: #4cd5ff; /* Libra Blue Morpho */
--color-4: #f5054f; /* Pink Red */
--color-5: #a7ffb5; /* Light Seafoam Green */
}Other schemes from Warm Pink
- Warm Pink Complementary Color Scheme#FB5581#FFAEC1#55FFCC#11FFBB#B8FFEB
- Warm Pink Analogous Color Scheme#CC55FF#FF55CC#FB5581#FF7952#F9D054
- Warm Pink Triadic Color Scheme#FB5581#80E45F#4F81FF#FFBACD#4AFF00
- Warm Pink Tetradic Color Scheme#FB5581#CDFA56#55FFCC#7755FF#FFBACD
- Warm Pink Monochromatic Color Scheme#AC0132#F5054F#FB5581#F5A5B8#FFE6EC
More Light Pink split-complementary palettes
- Always Rosey Split-complementary Color Scheme#E79DB3#9BE5AA#9ED6E8#DC6080#D9F2E3
- Atomic Pink Split-complementary Color Scheme#FB7EFD#CCFD7F#7EFFBA#FF33FF#EEFFCC
- Avant-Garde Pink Split-complementary Color Scheme#FF77EE#A9F971#7BFDC7#FF2FEB#DDFFCC
- Barbiecore Split-complementary Color Scheme#E15ACB#80E45F#56FCA2#C920B0#BBEE99
- Blush d’Amour Split-complementary Color Scheme#DE5D83#44DD66#5DC2DB#C92351#99EEAA
- Blushing Sky Split-complementary Color Scheme#D9B1D6#C1D6B1#B1DAC6#CD7DB5#EAF1E4
- Bubblegum Split-complementary Color Scheme#FF85FF#C4FE82#88FFCC#FF33FF#EEFFCC
- Bubblegum Beam Split-complementary Color Scheme#F887C7#90EE90#88FFEE#E936A7#CCFFCC
- Bubblegum Kisses Split-complementary Color Scheme#F092D6#A3E493#9CE5D6#F246A7#DBF4D8
- Candy Floss Split-complementary Color Scheme#E8A7E2#C5E6A4#A8E8CB#DA70D6#EBF7E4
- Candy Pink Split-complementary Color Scheme#FF63E9#9AF764#7BFDC7#FF1DCE#C8FFB0
- Classy Mauve Split-complementary Color Scheme#BB99AA#99BD91#90BDBD#A06582#C5DCC6
Questions
What colors go with Warm Pink?
In a split-complementary scheme: Experimintal Green (#4CFF7B), Libra Blue Morpho (#4CD5FF), Pink Red (#F5054F), Light Seafoam Green (#A7FFB5).
What is the hex code of Warm Pink?
#FB5581.