HEX Color #F00F8A (Deeppink)

About #F00F8A

The precise color #F00F8A is an excellent choice for modern design projects. Designers often compare it to the standard color Deeppink. Its digital footprint relies on 240 parts red, 15 parts green, and 138 parts blue light.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 0% cyan, 94% magenta, 43% yellow, and 6% black. The HSL representation is 327.2° hue, 88.2% saturation, and 50.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #000000 text. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#F00F8A

RGB240, 15, 138

HSL327.2°, 88.2%, 50.0%

CMYK0%, 94%, 43%, 6%

HSV327.2°, 93.8%, 94.1%

LAB52.6, 81.1, -5.6

XYZ40.7, 20.7, 25.9

Decimal15732618

Color Harmonies

Complementary

#F00F8A #0FF074

Analogous

#E50FF0 #F00F19

Triadic

#8AF00F #0F89F0

Tetradic

#F0E50F #0FF074 #0F19F0

Tints, Shades & Tones

Tints (Adding White)

#F00F8A

#F12997

#F344A4

#F55FB1

#F679BE

#F894CB

#FAAFD8

#FBC9E5

#FDE4F2

#FFFFFF

Shades (Adding Black)

#F00F8A

#D50D7A

#BA0B6B

#A00A5C

#85084C

#6A063D

#50052E

#35031E

#1A010F

#000000

WCAG Contrast Accessibility

4.09:1

Text on #FFFFFF

AA Large

5.14:1

Text on #000000

AA

3.90:1

Text on #F8FAFC

AA Large

4.37:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #F00F8A; }

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

Similar Colors

Deeppink

#FF1493