Skip to the color picker

#f24aa3 color: Major Magenta

#f24aa3 is rgb(242, 74, 163) in RGB and oklch(67.052% 0.21854 352.1) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

328°
100%

67.1%
0.219
352°
  • Pink
  • Medium
  • Vivid
  • Warm
  • ≈ Hot pink
  • pink-500
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
3.34:1Hard to read
Lc -65
Black text
6.28:1Readable · AA
Lc 44

Shades

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

Harmonies

Recent

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

About #f24aa3

#f24aa3 is a bright pink color. In OKLCH it has 67.1% lightness, 0.219 chroma and a hue of 352°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Major Magenta (#f246a7). In Tailwind CSS the closest color is pink-500.

More medium pink colors

Lighter: #f24aa3 mixed with white

Darker: #f24aa3 mixed with black

Calmer: #f24aa3 with less saturation

Similar named colors

Colors that go with #f24aa3

Complementary
Analogous
Triadic
Split

Questions about #f24aa3

What color is #f24aa3?

#f24aa3 is bright pink. The closest named color is Major Magenta. In RGB it is rgb(242, 74, 163), in HSL hsl(328.21, 86.6%, 61.96%) and in OKLCH oklch(67.052% 0.21854 352.1).

What colors go well with #f24aa3?

The complementary color of #f24aa3 is #00b28b. For a calmer combination use the analogous colors #d15be3 and #ff4854. The triadic partners are #999e00 and #00a4e6.

Is white or black text more readable on #f24aa3?

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

Is #f24aa3 a warm or cool color?

#f24aa3 is a warm color. In OKLCH its hue is 352 degrees, its lightness 67.1% and its chroma 0.219.