Prism Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Prism Pink (#F0A1BF), each snapped to its nearest named color.
#F0A1BF
#AAEEAA
#A3E3ED
#E35B8F
#E1F8E7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Prism Pink | #F0A1BF | 240, 161, 191 | 337°, 72%, 79% | 0, 33, 20, 6 | |
| Frosted Hills | #AAEEAA | 170, 238, 170 | 120°, 67%, 80% | 29, 0, 29, 7 | |
| Blizzard Blue | #A3E3ED | 163, 227, 237 | 188°, 67%, 78% | 31, 4, 0, 7 | |
| Carmine Rose | #E35B8F | 227, 91, 143 | 337°, 71%, 62% | 0, 60, 37, 11 | |
| Toxic Latte | #E1F8E7 | 225, 248, 231 | 136°, 62%, 93% | 9, 0, 7, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E35B8F on #E1F8E7 | 3.05:1 | AA large |
| Aa #AAEEAA on #E35B8F | 2.52:1 | — |
| Aa #A3E3ED on #E35B8F | 2.40:1 | — |
| Aa #F0A1BF on #E1F8E7 | 1.78:1 | — |
| Aa #F0A1BF on #E35B8F | 1.71:1 | — |
| Aa #F0A1BF on #AAEEAA | 1.47:1 | — |
CSS variables
:root {
--color-1: #f0a1bf; /* Prism Pink */
--color-2: #aaeeaa; /* Frosted Hills */
--color-3: #a3e3ed; /* Blizzard Blue */
--color-4: #e35b8f; /* Carmine Rose */
--color-5: #e1f8e7; /* Toxic Latte */
}Other schemes from Prism Pink
- Prism Pink Complementary Color Scheme#F0A1BF#F8EAED#AAF0D1#56FCA2#EBFCF5
- Prism Pink Analogous Color Scheme#CEA2FD#FBA0E3#F0A1BF#EFABA6#F2D1A0
- Prism Pink Triadic Color Scheme#F0A1BF#BCF5A6#ACB9E8#F8EAED#80E45F
- Prism Pink Tetradic Color Scheme#F0A1BF#E6F2A2#AAF0D1#ACACE6#F8EAED
- Prism Pink Monochromatic Color Scheme#DD2266#E35B8F#F0A1BF#FAE2ED#F8EAED
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 Prism Pink?
In a split-complementary scheme: Frosted Hills (#AAEEAA), Blizzard Blue (#A3E3ED), Carmine Rose (#E35B8F), Toxic Latte (#E1F8E7).
What is the hex code of Prism Pink?
#F0A1BF.