#fd02d4 hex color

In a RGB color space, hex #fd02d4 is composed of 99.2% red, 0.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 16.2% yellow and 0.8% black. It has a hue angle of 309.8 degrees, a saturation of 98.4% and a lightness of 50%. #fd02d4 color hex could be obtained by blending #ff04ff with #fb00a9. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 99
- G 1
- B 83
RGB color chart
- C 0
- M 99
- Y 16
- K 1
CMYK color chart

● #fd02d4 color description : Vivid magenta.

The hexadecimal color #fd02d4 has RGB values of R:253, G:2, B:212 and CMYK values of C:0, M:0.99, Y:0.16, K:0.01. Its decimal value is 16581332.

Hex triplet	fd02d4	`#fd02d4`
RGB Decimal	253, 2, 212	`rgb(253,2,212)`
RGB Percent	99.2, 0.8, 83.1	`rgb(99.2%,0.8%,83.1%)`
CMYK	0, 99, 16, 1
HSL	309.8°, 98.4, 50	`hsl(309.8,98.4%,50%)`
HSV (or HSB)	309.8°, 99.2, 99.2
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	57.736, 92.192, -40.822
XYZ	52.413, 25.684, 64.481
xyY	0.368, 0.18, 25.684
CIE-LCH	57.736, 100.826, 336.117
CIE-LUV	57.736, 100.842, -76.611
Hunter-Lab	50.679, 95.918, -39.961
Binary	11111101, 00000010, 11010100

#fd02d4
```
#fd02d4 rgb(253,2,212)
```
#02fd2b
```
#02fd2b rgb(2,253,43)
```

Complementary Color

#a902fd
```
#a902fd rgb(169,2,253)
```
#fd02d4
```
#fd02d4 rgb(253,2,212)
```
#fd0256
```
#fd0256 rgb(253,2,86)
```

Analogous Color

#02fda9
```
#02fda9 rgb(2,253,169)
```
#fd02d4
```
#fd02d4 rgb(253,2,212)
```
#56fd02
```
#56fd02 rgb(86,253,2)
```

Split Complementary Color

#02d4fd
```
#02d4fd rgb(2,212,253)
```
#fd02d4
```
#fd02d4 rgb(253,2,212)
```
#d4fd02
```
#d4fd02 rgb(212,253,2)
```

Triadic Color

#2b02fd
```
#2b02fd rgb(43,2,253)
```
#fd02d4
```
#fd02d4 rgb(253,2,212)
```
#d4fd02
```
#d4fd02 rgb(212,253,2)
```
#02fd2b
```
#02fd2b rgb(2,253,43)
```

Tetradic Color

#b10194
```
#b10194 rgb(177,1,148)
```
#ca02aa
```
#ca02aa rgb(202,2,170)
```
#e402bf
```
#e402bf rgb(228,2,191)
```
#fd02d4
```
#fd02d4 rgb(253,2,212)
```
#fd1bd8
```
#fd1bd8 rgb(253,27,216)
```
#fd35dd
```
#fd35dd rgb(253,53,221)
```
#fe4ee1
```
#fe4ee1 rgb(254,78,225)
```

Monochromatic Color

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

#e702fd
```
#e702fd rgb(231,2,253)
```
#fc02fd
```
#fc02fd rgb(252,2,253)
```
#fd02e9
```
#fd02e9 rgb(253,2,233)
```
#fd02d4
```
#fd02d4 rgb(253,2,212)
```
#fd02bf
```
#fd02bf rgb(253,2,191)
```
#fd02aa
```
#fd02aa rgb(253,2,170)
```
#fd0295
```
#fd0295 rgb(253,2,149)
```

Similar Colors

Text with hexadecimal color #fd02d4

This text has a font color of #fd02d4.

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

#fd02d4 background color

This paragraph has a background color of #fd02d4.

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

#fd02d4 border color

This element has a border color of #fd02d4.

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

CSS codes

.text {color:#fd02d4;}

.background {background-color:#fd02d4;}

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

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, #130010 is the darkest color, while #ffffff is the lightest one.

#130010
```
#130010 rgb(19,0,16)
```
#270021
```
#270021 rgb(39,0,33)
```
#3a0031
```
#3a0031 rgb(58,0,49)
```
#4e0141
```
#4e0141 rgb(78,1,65)
```
#610152
```
#610152 rgb(97,1,82)
```
#750162
```
#750162 rgb(117,1,98)
```
#880172
```
#880172 rgb(136,1,114)
```
#9c0182
```
#9c0182 rgb(156,1,130)
```
#af0193
```
#af0193 rgb(175,1,147)
```
#c302a3
```
#c302a3 rgb(195,2,163)
```
#d602b3
```
#d602b3 rgb(214,2,179)
```
#ea02c4
```
#ea02c4 rgb(234,2,196)
```
#fd02d4
```
#fd02d4 rgb(253,2,212)
```

Shade Color Variation

#fd15d7
```
#fd15d7 rgb(253,21,215)
```
#fd29db
```
#fd29db rgb(253,41,219)
```
#fd3cde
```
#fd3cde rgb(253,60,222)
```
#fe50e1
```
#fe50e1 rgb(254,80,225)
```
#fe63e5
```
#fe63e5 rgb(254,99,229)
```
#fe77e8
```
#fe77e8 rgb(254,119,232)
```
#fe8aeb
```
#fe8aeb rgb(254,138,235)
```
#fe9eee
```
#fe9eee rgb(254,158,238)
```
#feb1f2
```
#feb1f2 rgb(254,177,242)
```
#ffc5f5
```
#ffc5f5 rgb(255,197,245)
```
#ffd8f8
```
#ffd8f8 rgb(255,216,248)
```
#ffecfc
```
#ffecfc rgb(255,236,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#877885
```
#877885 rgb(135,120,133)
```
#916e8b
```
#916e8b rgb(145,110,139)
```
#9b6492
```
#9b6492 rgb(155,100,146)
```
#a55a99
```
#a55a99 rgb(165,90,153)
```
#af509f
```
#af509f rgb(175,80,159)
```
#b847a6
```
#b847a6 rgb(184,71,166)
```
#c23dac
```
#c23dac rgb(194,61,172)
```
#cc33b3
```
#cc33b3 rgb(204,51,179)
```
#d629ba
```
#d629ba rgb(214,41,186)
```
#e01fc0
```
#e01fc0 rgb(224,31,192)
```
#e916c7
```
#e916c7 rgb(233,22,199)
```
#f30ccd
```
#f30ccd rgb(243,12,205)
```
#fd02d4
```
#fd02d4 rgb(253,2,212)
```

Tone Color Variation

Below, you can see how #fd02d4 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

#656565 Achromatopsia 0.005% of the population
#83517b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b8dff Protanopia 1% of men
#7f8fc1 Deuteranopia 1% of men
#f25b60 Tritanopia 0.001% of the population

Trichromacy

#8c5aef Protanomaly 1% of men, 0.01% of women
#ad5bc8 Deuteranomaly 6% of men, 0.4% of women
#f63b8a Tritanomaly 0.01% of the population

#fd02d4 hex color

#fd02d4 Color Information

#fd02d4 Color Conversion

Color Schemes with #fd02d4

Alternatives to #fd02d4

#fd02d4 Preview

Shades and Tints of #fd02d4

Tones of #fd02d4

Color Blindness Simulator