#F816A8
A medium, vivid magenta closely aligning with Deeppink.
About #F816A8
When working with digital screens, the color #F816A8 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Deeppink. To achieve this exact tint on a monitor, you would use an RGB mix of 248, 22, and 168.
If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 0% C, 91% M, 32% Y, and 3% K. The HSL representation is 321.2° hue, 94.2% saturation, and 52.9% lightness.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #000000 text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#F816A8
RGB248, 22, 168
HSL321.2°, 94.2%, 52.9%
CMYK0%, 91%, 32%, 3%
HSV321.2°, 91.1%, 97.3%
LAB55.4, 84.8, -19.0
XYZ46.1, 23.4, 39.1
Decimal16258728
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.70:1
Text on #FFFFFF
AA Large
5.67:1
Text on #000000
AA
3.54:1
Text on #F8FAFC
AA Large
4.82:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #F816A8;
}
.text-color {
color: #F816A8;
}
.border-color {
border: 2px solid #F816A8;
}