HEX Color #F00F6D (Deeppink)

About #F00F6D

The hex code #F00F6D represents a beautifully specific shade of magenta. Its closest recognized web color is Deeppink. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 15, and 109.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 0% Cyan, 94% Magenta, 55% Yellow, and 6% Black. The HSL representation is 334.9° hue, 88.2% saturation, and 50.0% lightness.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#F00F6D

RGB240, 15, 109

HSL334.9°, 88.2%, 50.0%

CMYK0%, 94%, 55%, 6%

HSV334.9°, 93.8%, 94.1%

LAB51.8, 78.9, 10.8

XYZ38.9, 20.0, 16.3

Decimal15732589

Color Harmonies

Complementary

#F00F6D #0FF092

Analogous

#F00FDD #F0210F

Triadic

#6CF00F #0F6CF0

Tetradic

#DDF00F #0FF092 #210FF0

Tints, Shades & Tones

Tints (Adding White)

#F00F6D

#F1297D

#F3448D

#F55F9D

#F679AD

#F894BE

#FAAFCE

#FBC9DE

#FDE4EE

#FFFFFF

Shades (Adding Black)

#F00F6D

#D50D60

#BA0B54

#A00A48

#85083C

#6A0630

#500524

#350318

#1A010C

#000000

WCAG Contrast Accessibility

4.20:1

Text on #FFFFFF

AA Large

4.99:1

Text on #000000

AA

4.02:1

Text on #F8FAFC

AA Large

4.25:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #F00F6D; }

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

Similar Colors

Deeppink

#FF1493