Metal Petal Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Metal Petal (#B090B2), each snapped to its nearest named color.
#B090B2
#A4BA8A
#8CBC9E
#9F5F9F
#C8D5BB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Metal Petal | #B090B2 | 176, 144, 178 | 296°, 18%, 63% | 1, 19, 0, 30 | 69.4% 0.061 324 | |
| Forest Tapestry | #A4BA8A | 164, 186, 138 | 87°, 26%, 64% | 12, 0, 26, 27 | 76.0% 0.070 128 | |
| Summertown | #8CBC9E | 140, 188, 158 | 143°, 26%, 64% | 26, 0, 16, 26 | 75.3% 0.067 157 | |
| Heath Spotted Orchid | #9F5F9F | 159, 95, 159 | 300°, 25%, 50% | 0, 40, 0, 38 | 58.0% 0.120 327 | |
| Willow Tree Mouse | #C8D5BB | 200, 213, 187 | 90°, 24%, 78% | 6, 0, 12, 16 | 85.6% 0.038 129 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9F5F9F on #C8D5BB | 2.97:1 | — |
| Aa #A4BA8A on #9F5F9F | 2.16:1 | — |
| Aa #8CBC9E on #9F5F9F | 2.13:1 | — |
| Aa #B090B2 on #C8D5BB | 1.83:1 | — |
| Aa #B090B2 on #9F5F9F | 1.62:1 | — |
| Aa #8CBC9E on #C8D5BB | 1.40:1 | — |
CSS variables
:root {
--color-1: #b090b2; /* Metal Petal */
--color-2: #a4ba8a; /* Forest Tapestry */
--color-3: #8cbc9e; /* Summertown */
--color-4: #9f5f9f; /* Heath Spotted Orchid */
--color-5: #c8d5bb; /* Willow Tree Mouse */
}Other schemes from Metal Petal
- Metal Petal Complementary Color Scheme#B090B2#DAC4DC#8DBC8A#6A9D5D#CCDDCC
- Metal Petal Analogous Color Scheme#888CBA#9D89BD#B090B2#BB8AA7#BB8A8E
- Metal Petal Triadic Color Scheme#B090B2#BCB58A#87B8B5#DECADE#95945C
- Metal Petal Tetradic Color Scheme#B090B2#BA9E88#8DBC8A#8BA7BB#DECADE
- Metal Petal Monochromatic Color Scheme#674668#886793#B090B2#CFBCCF#EFECEF
More light pink split-complementary color schemes
- 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 Metal Petal?
In a split-complementary scheme: Forest Tapestry (#A4BA8A), Summertown (#8CBC9E), Heath Spotted Orchid (#9F5F9F), Willow Tree Mouse (#C8D5BB).
What is the hex code of Metal Petal?
#B090B2.