colorhexa.com

#fd02de hex color

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

- R 99
- G 1
- B 87
RGB color chart
- C 0
- M 99
- Y 12
- K 1
CMYK color chart

● #fd02de color description : Vivid magenta.

The hexadecimal color #fd02de has RGB values of R:253, G:2, B:222 and CMYK values of C:0, M:0.99, Y:0.12, K:0.01. Its decimal value is 16581342.

Hex triplet	fd02de	`#fd02de`
RGB Decimal	253, 2, 222	`rgb(253,2,222)`
RGB Percent	99.2, 0.8, 87.1	`rgb(99.2%,0.8%,87.1%)`
CMYK	0, 99, 12, 1
HSL	307.4°, 98.4, 50	`hsl(307.4,98.4%,50%)`
HSV (or HSB)	307.4°, 99.2, 99.2
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	58.231, 93.425, -45.718
XYZ	53.714, 26.204, 71.332
xyY	0.355, 0.173, 26.204
CIE-LCH	58.231, 104.011, 333.925
CIE-LUV	58.231, 96.379, -84.348
Hunter-Lab	51.19, 97.718, -46.786
Binary	11111101, 00000010, 11011110

#fd02de
```
#fd02de rgb(253,2,222)
```
#02fd21
```
#02fd21 rgb(2,253,33)
```

Complementary Color

#9f02fd
```
#9f02fd rgb(159,2,253)
```
#fd02de
```
#fd02de rgb(253,2,222)
```
#fd0260
```
#fd0260 rgb(253,2,96)
```

Analogous Color

#02fd9f
```
#02fd9f rgb(2,253,159)
```
#fd02de
```
#fd02de rgb(253,2,222)
```
#60fd02
```
#60fd02 rgb(96,253,2)
```

Split Complementary Color

#02defd
```
#02defd rgb(2,222,253)
```
#fd02de
```
#fd02de rgb(253,2,222)
```
#defd02
```
#defd02 rgb(222,253,2)
```

Triadic Color

#b1019b
```
#b1019b rgb(177,1,155)
```
#ca02b2
```
#ca02b2 rgb(202,2,178)
```
#e402c8
```
#e402c8 rgb(228,2,200)
```
#fd02de
```
#fd02de rgb(253,2,222)
```
#fd1be1
```
#fd1be1 rgb(253,27,225)
```
#fd35e5
```
#fd35e5 rgb(253,53,229)
```
#fe4ee8
```
#fe4ee8 rgb(254,78,232)
```

Monochromatic Color

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

#dd02fd
```
#dd02fd rgb(221,2,253)
```
#f202fd
```
#f202fd rgb(242,2,253)
```
#fd02f3
```
#fd02f3 rgb(253,2,243)
```
#fd02de
```
#fd02de rgb(253,2,222)
```
#fd02c9
```
#fd02c9 rgb(253,2,201)
```
#fd02b4
```
#fd02b4 rgb(253,2,180)
```
#fd029f
```
#fd029f rgb(253,2,159)
```

Similar Colors

Text with hexadecimal color #fd02de

This text has a font color of #fd02de.

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

#fd02de background color

This paragraph has a background color of #fd02de.

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

#fd02de border color

This element has a border color of #fd02de.

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

CSS codes

.text {color:#fd02de;}

.background {background-color:#fd02de;}

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

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

#130011
```
#130011 rgb(19,0,17)
```
#270022
```
#270022 rgb(39,0,34)
```
#3a0033
```
#3a0033 rgb(58,0,51)
```
#4e0144
```
#4e0144 rgb(78,1,68)
```
#610155
```
#610155 rgb(97,1,85)
```
#750166
```
#750166 rgb(117,1,102)
```
#880178
```
#880178 rgb(136,1,120)
```
#9c0189
```
#9c0189 rgb(156,1,137)
```
#af019a
```
#af019a rgb(175,1,154)
```
#c302ab
```
#c302ab rgb(195,2,171)
```
#d602bc
```
#d602bc rgb(214,2,188)
```
#ea02cd
```
#ea02cd rgb(234,2,205)
```
#fd02de
```
#fd02de rgb(253,2,222)
```

Shade Color Variation

#fd15e1
```
#fd15e1 rgb(253,21,225)
```
#fd29e3
```
#fd29e3 rgb(253,41,227)
```
#fd3ce6
```
#fd3ce6 rgb(253,60,230)
```
#fe50e8
```
#fe50e8 rgb(254,80,232)
```
#fe63eb
```
#fe63eb rgb(254,99,235)
```
#fe77ed
```
#fe77ed rgb(254,119,237)
```
#fe8af0
```
#fe8af0 rgb(254,138,240)
```
#fe9ef2
```
#fe9ef2 rgb(254,158,242)
```
#feb1f5
```
#feb1f5 rgb(254,177,245)
```
#ffc5f7
```
#ffc5f7 rgb(255,197,247)
```
#ffd8fa
```
#ffd8fa rgb(255,216,250)
```
#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 #fd02de is the most saturated one.

#877885
```
#877885 rgb(135,120,133)
```
#916e8d
```
#916e8d rgb(145,110,141)
```
#9b6494
```
#9b6494 rgb(155,100,148)
```
#a55a9c
```
#a55a9c rgb(165,90,156)
```
#af50a3
```
#af50a3 rgb(175,80,163)
```
#b847aa
```
#b847aa rgb(184,71,170)
```
#c23db2
```
#c23db2 rgb(194,61,178)
```
#cc33b9
```
#cc33b9 rgb(204,51,185)
```
#d629c0
```
#d629c0 rgb(214,41,192)
```
#e01fc8
```
#e01fc8 rgb(224,31,200)
```
#e916cf
```
#e916cf rgb(233,22,207)
```
#f30cd7
```
#f30cd7 rgb(243,12,215)
```
#fd02de
```
#fd02de rgb(253,2,222)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#84527e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f8eff Protanopia 1% of men
#7a90ca Deuteranopia 1% of men
#f05f65 Tritanopia 0.001% of the population

Trichromacy

#8e5bf3 Protanomaly 1% of men, 0.01% of women
#a95cd1 Deuteranomaly 6% of men, 0.4% of women
#f53d91 Tritanomaly 0.01% of the population