HEX Color #F0338A (Deeppink)

About #F0338A

The hex code #F0338A represents a beautifully specific shade of magenta. 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 240, 51, and 138.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 79% magenta inks. With a hue angle of 332.4 degrees, it sits comfortably in the magenta spectrum.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#F0338A

RGB240, 51, 138

HSL332.4°, 86.3%, 57.1%

CMYK0%, 79%, 43%, 6%

HSV332.4°, 78.8%, 94.1%

LAB54.8, 74.8, -2.4

XYZ41.7, 22.7, 26.2

Decimal15741834

Color Harmonies

Complementary

#F0338A #32F098

Analogous

#F032E8 #F03A32

Triadic

#8AF032 #328AF0

Tetradic

#E8F032 #32F098 #3A32F0

Tints, Shades & Tones

Tints (Adding White)

#F0338A

#F14997

#F360A4

#F577B1

#F68DBE

#F8A4CB

#FABBD8

#FBD1E5

#FDE8F2

#FFFFFF

Shades (Adding Black)

#F0338A

#D52D7A

#BA276B

#A0225C

#851C4C

#6A163D

#50112E

#350B1E

#1A050F

#000000

WCAG Contrast Accessibility

3.79:1

Text on #FFFFFF

AA Large

5.55:1

Text on #000000

AA

3.62:1

Text on #F8FAFC

AA Large

4.71:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F0338A; }

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

Similar Colors

Deeppink

#FF1493