#F02CCC

A medium, vivid magenta closely aligning with Mediumorchid.

About #F02CCC

When working with digital screens, the color #F02CCC is rendered by mixing light. It is closely associated with the named CSS color Mediumorchid. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 44, and 204.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 0% C, 82% M, 15% Y, and 6% K. With a hue angle of 311.0 degrees, it sits comfortably in the magenta spectrum.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#F02CCC
RGB240, 44, 204
HSL311.0°, 86.7%, 55.7%
CMYK0%, 82%, 15%, 6%
HSV311.0°, 81.7%, 94.1%
LAB56.8, 83.8, -37.9
XYZ47.7, 24.7, 59.4
Decimal15740108

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

3.54:1
Text on #FFFFFF
AA Large
5.94:1
Text on #000000
AA
3.38:1
Text on #F8FAFC
AA Large
5.05:1
Text on #0F172A
AA

CSS Implementation

.bg-color { background-color: #F02CCC; }
.text-color { color: #F02CCC; }
.border-color { border: 2px solid #F02CCC; }

Similar Colors

Mediumorchid
#BA55D3