HEX Color #FF00A0 (Deeppink)

About #FF00A0

The hex code #FF00A0 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 255, 0, and 160.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 0% cyan, 100% magenta, 37% yellow, and 0% black. The HSL representation is 322.4° hue, 100.0% 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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#FF00A0

RGB255, 0, 160

HSL322.4°, 100.0%, 50.0%

CMYK0%, 100%, 37%, 0%

HSV322.4°, 100.0%, 100.0%

LAB55.9, 87.2, -13.5

XYZ47.6, 23.8, 35.3

Decimal16711840

Color Harmonies

Complementary

#FF00A0 #00FF5F

Analogous

#DE00FF #FF0020

Triadic

#9FFF00 #009FFF

Tetradic

#FFDE00 #00FF5F #0020FF

Tints, Shades & Tones

Tints (Adding White)

#FF00A0

#FF1CAA

#FF38B5

#FF55BF

#FF71CA

#FF8DD4

#FFAADF

#FFC6E9

#FFE2F4

#FFFFFF

Shades (Adding Black)

#FF00A0

#E2008E

#C6007C

#AA006A

#8D0058

#710047

#550035

#380023

#1C0011

#000000

WCAG Contrast Accessibility

3.65:1

Text on #FFFFFF

AA Large

5.76:1

Text on #000000

AA

3.48:1

Text on #F8FAFC

AA Large

4.90:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #FF00A0; }

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

Similar Colors

Deeppink

#FF1493