HEX Color #FF00A8 (Deeppink)

About #FF00A8

Visually, #FF00A8 is defined as a vivid magenta. Designers often compare it to the standard color Deeppink. To achieve this exact tint on a monitor, you would use an RGB mix of 255, 0, and 168.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 0% cyan, 100% magenta, 34% yellow, and 0% black. The HSL representation is 320.5° hue, 100.0% saturation, and 50.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#FF00A8

RGB255, 0, 168

HSL320.5°, 100.0%, 50.0%

CMYK0%, 100%, 34%, 0%

HSV320.5°, 100.0%, 100.0%

LAB56.2, 87.9, -17.8

XYZ48.3, 24.1, 39.1

Decimal16711848

Color Harmonies

Complementary

#FF00A8 #00FF56

Analogous

#D600FF #FF0028

Triadic

#A8FF00 #00A7FF

Tetradic

#FFD600 #00FF56 #0028FF

Tints, Shades & Tones

Tints (Adding White)

#FF00A8

#FF1CB1

#FF38BB

#FF55C5

#FF71CE

#FF8DD8

#FFAAE2

#FFC6EB

#FFE2F5

#FFFFFF

Shades (Adding Black)

#FF00A8

#E20095

#C60082

#AA0070

#8D005D

#71004A

#550038

#380025

#1C0012

#000000

WCAG Contrast Accessibility

3.61:1

Text on #FFFFFF

AA Large

5.82:1

Text on #000000

AA

3.45:1

Text on #F8FAFC

AA Large

4.95:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #FF00A8; }

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

Similar Colors

Deeppink

#FF1493