HEX Color #FF00C5 (Deeppink)

About #FF00C5

The hex code #FF00C5 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 197.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 0% Cyan, 100% Magenta, 23% Yellow, and 0% Black. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#FF00C5

RGB255, 0, 197

HSL313.6°, 100.0%, 50.0%

CMYK0%, 100%, 23%, 0%

HSV313.6°, 100.0%, 100.0%

LAB57.4, 90.9, -32.8

XYZ51.3, 25.3, 55.0

Decimal16711877

Color Harmonies

Complementary

#FF00C5 #00FF39

Analogous

#B900FF #FF0045

Triadic

#C5FF00 #00C4FF

Tetradic

#FFB900 #00FF39 #0045FF

Tints, Shades & Tones

Tints (Adding White)

#FF00C5

#FF1CCB

#FF38D1

#FF55D8

#FF71DE

#FF8DE5

#FFAAEB

#FFC6F2

#FFE2F8

#FFFFFF

Shades (Adding Black)

#FF00C5

#E200AF

#C60099

#AA0083

#8D006D

#710057

#550041

#38002B

#1C0015

#000000

WCAG Contrast Accessibility

3.47:1

Text on #FFFFFF

AA Large

6.06:1

Text on #000000

AA

3.31:1

Text on #F8FAFC

AA Large

5.15:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #FF00C5; }

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

Similar Colors

Deeppink

#FF1493