#ff00d4 hex color

In a RGB color space, hex #ff00d4 is composed of 100% red, 0% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 16.9% yellow and 0% black. It has a hue angle of 310.1 degrees, a saturation of 100% and a lightness of 50%. #ff00d4 color hex could be obtained by blending #ff00ff with #ff00a9. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 100
- G 0
- B 83
RGB color chart
- C 0
- M 100
- Y 17
- K 0
CMYK color chart

● #ff00d4 color description : Pure (or mostly pure) magenta.

The hexadecimal color #ff00d4 has RGB values of R:255, G:0, B:212 and CMYK values of C:0, M:1, Y:0.17, K:0. Its decimal value is 16711892.

Hex triplet	ff00d4	`#ff00d4`
RGB Decimal	255, 0, 212	`rgb(255,0,212)`
RGB Percent	100, 0, 83.1	`rgb(100%,0%,83.1%)`
CMYK	0, 100, 17, 0
HSL	310.1°, 100, 50	`hsl(310.1,100%,50%)`
HSV (or HSB)	310.1°, 100, 100
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	58.054, 92.664, -40.297
XYZ	53.124, 26.018, 64.508
xyY	0.37, 0.181, 26.018
CIE-LCH	58.054, 101.047, 336.497
CIE-LUV	58.054, 102.481, -75.989
Hunter-Lab	51.008, 96.64, -39.277
Binary	11111111, 00000000, 11010100

#ff00d4
```
#ff00d4 rgb(255,0,212)
```
#00ff2b
```
#00ff2b rgb(0,255,43)
```

Complementary Color

#ab00ff
```
#ab00ff rgb(171,0,255)
```
#ff00d4
```
#ff00d4 rgb(255,0,212)
```
#ff0055
```
#ff0055 rgb(255,0,85)
```

Analogous Color

#00ffab
```
#00ffab rgb(0,255,171)
```
#ff00d4
```
#ff00d4 rgb(255,0,212)
```
#55ff00
```
#55ff00 rgb(85,255,0)
```

Split Complementary Color

#00d4ff
```
#00d4ff rgb(0,212,255)
```
#ff00d4
```
#ff00d4 rgb(255,0,212)
```
#d4ff00
```
#d4ff00 rgb(212,255,0)
```

Triadic Color

#2b00ff
```
#2b00ff rgb(43,0,255)
```
#ff00d4
```
#ff00d4 rgb(255,0,212)
```
#d4ff00
```
#d4ff00 rgb(212,255,0)
```
#00ff2b
```
#00ff2b rgb(0,255,43)
```

Tetradic Color

#b30094
```
#b30094 rgb(179,0,148)
```
#cc00aa
```
#cc00aa rgb(204,0,170)
```
#e600bf
```
#e600bf rgb(230,0,191)
```
#ff00d4
```
#ff00d4 rgb(255,0,212)
```
#ff1ad8
```
#ff1ad8 rgb(255,26,216)
```
#ff33dd
```
#ff33dd rgb(255,51,221)
```
#ff4de1
```
#ff4de1 rgb(255,77,225)
```

Monochromatic Color

Below, you can see some colors close to #ff00d4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ea00ff
```
#ea00ff rgb(234,0,255)
```
#ff00ff
```
#ff00ff rgb(255,0,255)
```
#ff00e9
```
#ff00e9 rgb(255,0,233)
```
#ff00d4
```
#ff00d4 rgb(255,0,212)
```
#ff00bf
```
#ff00bf rgb(255,0,191)
```
#ff00aa
```
#ff00aa rgb(255,0,170)
```
#ff0094
```
#ff0094 rgb(255,0,148)
```

Similar Colors

Text with hexadecimal color #ff00d4

This text has a font color of #ff00d4.

<span style="color:#ff00d4;">Text here</span>

#ff00d4 background color

This paragraph has a background color of #ff00d4.

<p style="background-color:#ff00d4;">Content here</p>

#ff00d4 border color

This element has a border color of #ff00d4.

<div style="border:1px solid #ff00d4;">Content here</div>

CSS codes

.text {color:#ff00d4;}

.background {background-color:#ff00d4;}

.border {border:1px solid #ff00d4;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #140010 is the darkest color, while #ffffff is the lightest one.

#140010
```
#140010 rgb(20,0,16)
```
#270021
```
#270021 rgb(39,0,33)
```
#3b0031
```
#3b0031 rgb(59,0,49)
```
#4e0041
```
#4e0041 rgb(78,0,65)
```
#620052
```
#620052 rgb(98,0,82)
```
#760062
```
#760062 rgb(118,0,98)
```
#890072
```
#890072 rgb(137,0,114)
```
#9d0082
```
#9d0082 rgb(157,0,130)
```
#b10093
```
#b10093 rgb(177,0,147)
```
#c400a3
```
#c400a3 rgb(196,0,163)
```
#d800b3
```
#d800b3 rgb(216,0,179)
```
#eb00c4
```
#eb00c4 rgb(235,0,196)
```
#ff00d4
```
#ff00d4 rgb(255,0,212)
```

Shade Color Variation

#ff14d7
```
#ff14d7 rgb(255,20,215)
```
#ff27db
```
#ff27db rgb(255,39,219)
```
#ff3bde
```
#ff3bde rgb(255,59,222)
```
#ff4ee1
```
#ff4ee1 rgb(255,78,225)
```
#ff62e5
```
#ff62e5 rgb(255,98,229)
```
#ff76e8
```
#ff76e8 rgb(255,118,232)
```
#ff89eb
```
#ff89eb rgb(255,137,235)
```
#ff9dee
```
#ff9dee rgb(255,157,238)
```
#ffb1f2
```
#ffb1f2 rgb(255,177,242)
```
#ffc4f5
```
#ffc4f5 rgb(255,196,245)
```
#ffd8f8
```
#ffd8f8 rgb(255,216,248)
```
#ffebfc
```
#ffebfc rgb(255,235,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #897686 is the less saturated color, while #ff00d4 is the most saturated one.

#897686
```
#897686 rgb(137,118,134)
```
#936c8d
```
#936c8d rgb(147,108,141)
```
#9d6293
```
#9d6293 rgb(157,98,147)
```
#a7589a
```
#a7589a rgb(167,88,154)
```
#b14ea0
```
#b14ea0 rgb(177,78,160)
```
#ba45a7
```
#ba45a7 rgb(186,69,167)
```
#c43bad
```
#c43bad rgb(196,59,173)
```
#ce31b4
```
#ce31b4 rgb(206,49,180)
```
#d827ba
```
#d827ba rgb(216,39,186)
```
#e21dc1
```
#e21dc1 rgb(226,29,193)
```
#eb14c7
```
#eb14c7 rgb(235,20,199)
```
#f50ace
```
#f50ace rgb(245,10,206)
```
#ff00d4
```
#ff00d4 rgb(255,0,212)
```

Tone Color Variation

Below, you can see how #ff00d4 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#646464 Achromatopsia 0.005% of the population
#83507a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e8eff Protanopia 1% of men
#818fc1 Deuteranopia 1% of men
#f45b60 Tritanopia 0.001% of the population

Trichromacy

#8e5aef Protanomaly 1% of men, 0.01% of women
#af5bc8 Deuteranomaly 6% of men, 0.4% of women
#f83a8a Tritanomaly 0.01% of the population

#ff00d4 hex color

#ff00d4 Color Information

#ff00d4 Color Conversion

Color Schemes with #ff00d4

Alternatives to #ff00d4

#ff00d4 Preview

Shades and Tints of #ff00d4

Tones of #ff00d4

Color Blindness Simulator