Light magenta Color — HEX, RGB, HSL & CMYK Codes

#fa5ff7
Format Value
HEX #fa5ff7
RGB rgb(250, 95, 247)
HSL hsl(301.2, 93.9%, 67.6%)
CMYK cmyk(0%, 62%, 1.2%, 2%)
HSV hsv(301.2, 62%, 98%)

light magenta color harmonies

Tints & shades of light magenta

Tints (lighter)

#fa6ef8 #fb7cf8 #fb8bf9 #fc99fa #fca8fb #fdb6fb #fdc5fc #fed3fd #fee2fe #fff0fe

Shades (darker)

#e356e1 #cd4eca #b645b4 #9f3c9d #883487 #722b70 #5b235a #441a43 #2d112d #170916

Contrast & accessibility

The quick brown fox

On white · 2.61:1 · Fail

The quick brown fox

On black · 8.04:1 · AAA

Recommended text color: #000000

Use light magenta in code

CSS color: #fa5ff7;
SCSS $color: #fa5ff7;
Tailwind bg-[#fa5ff7]
Swift UIColor(red: 0.980, green: 0.373, blue: 0.969, alpha: 1)
Android Color.parseColor("#fa5ff7")
Flutter Color(0xFFFA5FF7)

Colors similar to light magenta

Browse all Pink colors →

What is the HEX code for light magenta?

The CSS color light magenta in HEX format is #fa5ff7. Use this value directly in CSS, SVG, and most design tools.

How do I use light magenta in CSS?

To apply light magenta in CSS:

  • Text color: color: #fa5ff7;
  • Background: background-color: #fa5ff7;
  • Border: border-color: #fa5ff7;

What are all the color format values for light magenta?

FormatValue
HEX#fa5ff7
RGBrgb(250, 95, 247)
HSLhsl(301.2, 93.9%, 67.6%)
CMYKcmyk(0%, 62%, 1.2%, 2%)

How do I convert light magenta to HEX?

Select light magenta from the color name list in our color converter. The HEX value — #fa5ff7 — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does light magenta belong to?

light magenta belongs to the pink color family. It is a medium, vivid color with HSL values: hue 301.2°, saturation 93.9%, lightness 67.6%.

How do I create lighter and darker shades of light magenta?

Lighter variant (lightness 82.6%): #fca9fb. Darker variant (lightness 52.599999999999994%): #f815f3. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HEX used for?

HEX color codes are used in CSS, HTML and design tools. They encode red, green and blue as two hexadecimal digits each (00–FF), forming a compact 6-character code like #ff0000.