Skip to the color picker

#bc39aa color: San Francisco Pink

#bc39aa is rgb(188, 57, 170) in RGB and oklch(57.589% 0.20644 333.996) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

308°
100%

57.6%
0.206
334°
  • Magenta
  • Medium
  • Vivid
  • Neutral
  • ≈ Amethyst
  • fuchsia-700
  • Black 26%

Inside sRGB: displays the same on any screen.

White text
4.88:1Readable · AA
Lc -78
Black text
4.30:1Hard to read
Lc 31

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #bc39aa

#bc39aa is a bright magenta color. In OKLCH it has 57.6% lightness, 0.206 chroma and a hue of 334°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.88:1 contrast and black text 4.3:1, so white text reads better.

The closest named color is San Francisco Pink (#bb33aa). In Tailwind CSS the closest color is fuchsia-700.

More medium magenta colors

Lighter: #bc39aa mixed with white

  1. bc39aa
  2. c551b3
  3. cd67bc
  4. d57bc4
  5. dc8ecd
  6. e3a1d5
  7. e9b4de
  8. efc7e6
  9. f5d9ef
  10. faecf7

Darker: #bc39aa mixed with black

  1. bc39aa
  2. a33093
  3. 8b287d
  4. 731f68
  5. 5d1753
  6. 47103f
  7. 32092d
  8. 1f041b
  9. 0d010b
  10. 020001

Calmer: #bc39aa with less saturation

  1. bc39aa
  2. b644a5
  3. b04ca1
  4. aa549c
  5. a45b97
  6. 9e6192
  7. 97668d
  8. 906c88
  9. 897083
  10. 81757e

Questions about #bc39aa

What color is #bc39aa?

#bc39aa is bright magenta. The closest named color is San Francisco Pink. In RGB it is rgb(188, 57, 170), in HSL hsl(308.24, 53.47%, 48.04%) and in OKLCH oklch(57.589% 0.20644 333.996).

What colors go well with #bc39aa?

The complementary color of #bc39aa is #009545. For a calmer combination use the analogous colors #954ed9 and #d32a6b. The triadic partners are #947600 and #008aa4.

Is white or black text more readable on #bc39aa?

White text reads better on #bc39aa: white gives a contrast ratio of 4.88:1 and black gives 4.3:1. WCAG AA asks for at least 4.5:1 for body text.

Is #bc39aa a warm or cool color?

#bc39aa is a neutral color. In OKLCH its hue is 334 degrees, its lightness 57.6% and its chroma 0.206.