#F87CF0
A light, vivid magenta closely aligning with Violet.
About #F87CF0
The precise color #F87CF0 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Violet. In the RGB color space, it consists of 248 red, 124 green, and 240 blue.
If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 50% Magenta, 3% Yellow, and 3% Black. With a hue angle of 303.9 degrees, it sits comfortably in the magenta spectrum.
From a UX and accessibility standpoint, contrast is paramount. To prevent eye strain, #000000 text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#F87CF0
RGB248, 124, 240
HSL303.9°, 89.9%, 72.9%
CMYK0%, 50%, 3%, 3%
HSV303.9°, 50.0%, 97.3%
LAB69.9, 62.4, -37.4
XYZ61.6, 40.7, 87.0
Decimal16284912
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
2.30:1
Text on #FFFFFF
FAIL
9.13:1
Text on #000000
AAA
2.20:1
Text on #F8FAFC
FAIL
7.76:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #F87CF0;
}
.text-color {
color: #F87CF0;
}
.border-color {
border: 2px solid #F87CF0;
}