San Francisco Pink is vivid, cool-toned shade of mid magenta. It is better contrasting with white. This color combines beautifully with mid green, blue cyan or mid yellow
| Inverse Color | #4c5 |
| Complementary Color | #3b4 |
| Color Shade: | mid magenta (307.5° hue) |
| Color Temperature: | cool |
| Lightness: | 46.67% (better contrasting with white) |
If you're looking for a similar mid magenta shade, there are some better alternatives to San Francisco Pink Color. The Purple Tone Ink color for instance is a darker and a bit more faded option, however this color has a cool magenta bias. Consider a lighter and more saturated alternative called Steel Pink (#cc33cc) for more energetic effect. Try Krameria as it also a bit more faded and calm.
#3b4 is the best complementary color to San Francisco Pink. Mid green shades generally complement the mid magenta hues best as they are found on the opposite end of the color wheel. The most popular #b3a complementary color is White, as it offers maximum contrast and grab the viewer's attention.
The analogous palette of violet, mid magenta, and red magenta colors offers a soft combination of similar cool shades. The analogous colors of White are #83b and #bb3365. Thus found on the left and right of #b3a on the color wheel with a 30° gap. Consider matching White and Hibiscus colors as they work well with San Francisco Pink.
The split-complementary San Francisco Pink palette consists of #3b8 and #6b3 colors. They can be found 30° apart on either side of the complementary color (#3b4). Try White and White colors in combination with #b3a, as they are not as contrasting as a complementary color, hence, giving more hue variety to make your design stand out.
The triadic palette of #b3a offers a combination of mid cyan and mid yellow shades and equally high contrast between the three of them. Find triadic colors at the 120° distance from the San Francisco Pink. Thus Pelorous and White giving maximum hue separation to use all three together.
The square color palette of San Francisco Pink contains three additional colors. Thus, complementary White, White, and White split by 90° on the color wheel. #b3a square combo is a palette of mid magenta, orange, mid green and blue cyan shades that work together well.
The tetradic palette is a bit more complex than the square and has more of a rectangle shape. San Francisco Pink tetradic combo consists of mid green complementary color (#3b4) and two others. The White is positioned 120° clockwise from the primary color and Governor Bay – 120° from the complementary White. This palette is not recommended to use as-is. Try to tweak the saturation and brightness of #ab3 and #4333bb.
In a RGB color space, hex #bb33aa is made of 46% red, 13% green and 42% blue. In a HSL mode San Francisco Pink has a hue angle of 307.5°, a saturation of 57.14% and a lightness of 46.67%. In a CMYK space (used in printing only), hex #bb33aa is made of 0% cyan, 53.33% magenta, 6.66% yellow and 26.67% black ink.
| HEX | #bb33aa |
| RGB Decimal | rgb(187,51,170) |
| RGB Percentage | 46%, 13%, 42% |
| CMYK | 0, 53.33, 6.66, 26.67 |
| HSL | hsl(307.5,57.14%,46.67%) |
| HSV (or HSB) | hsv(307.5,72.73%,73.33%) |
| CIE-LAB | lab(46.7569,65.8439,-34.513) |
| XYZ | xyz(28.933,15.8347,39.5617) |