HEX Color #F042BD (Mediumvioletred)

About #F042BD

The precise color #F042BD is an excellent choice for modern design projects. Its closest recognized web color is Mediumvioletred. Its digital footprint relies on 240 parts red, 66 parts green, and 189 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 0% C, 72% M, 21% Y, and 6% K. The HSL representation is 317.6° hue, 85.3% saturation, and 60.0% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#F042BD

RGB240, 66, 189

HSL317.6°, 85.3%, 60.0%

CMYK0%, 72%, 21%, 6%

HSV317.6°, 72.5%, 94.1%

LAB58.1, 76.1, -27.2

XYZ47.1, 26.1, 50.7

Decimal15745725

Color Harmonies

Complementary

#F042BD #41F075

Analogous

#CC41F0 #F04165

Triadic

#BCF041 #41BCF0

Tetradic

#F0CC41 #41F075 #4165F0

Tints, Shades & Tones

Tints (Adding White)

#F042BD

#F157C4

#F36CCB

#F581D3

#F696DA

#F8ABE1

#FAC0E9

#FBD5F0

#FDEAF7

#FFFFFF

Shades (Adding Black)

#F042BD

#D53AA8

#BA3393

#A02C7E

#852469

#6A1D54

#50163F

#350E2A

#1A0715

#000000

WCAG Contrast Accessibility

3.38:1

Text on #FFFFFF

AA Large

6.22:1

Text on #000000

AA

3.23:1

Text on #F8FAFC

AA Large

5.29:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #F042BD; }

.text-color { color: #F042BD; }

.border-color { border: 2px solid #F042BD; }

Similar Colors

Mediumvioletred

#C71585