#fd22e5 hex color

In a RGB color space, hex #fd22e5 is composed of 99.2% red, 13.3% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.6% magenta, 9.5% yellow and 0.8% black. It has a hue angle of 306.6 degrees, a saturation of 98.2% and a lightness of 56.3%. #fd22e5 color hex could be obtained by blending #ff44ff with #fb00cb. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 99
- G 13
- B 90
RGB color chart
- C 0
- M 87
- Y 9
- K 1
CMYK color chart

● #fd22e5 color description : Vivid magenta.

The hexadecimal color #fd22e5 has RGB values of R:253, G:34, B:229 and CMYK values of C:0, M:0.87, Y:0.09, K:0.01. Its decimal value is 16589541.

Hex triplet	fd22e5	`#fd22e5`
RGB Decimal	253, 34, 229	`rgb(253,34,229)`
RGB Percent	99.2, 13.3, 89.8	`rgb(99.2%,13.3%,89.8%)`
CMYK	0, 87, 9, 1
HSL	306.6°, 98.2, 56.3	`hsl(306.6,98.2%,56.3%)`
HSV (or HSB)	306.6°, 86.6, 99.2
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	59.606, 91.33, -47.491
XYZ	55.222, 27.688, 76.56
xyY	0.346, 0.174, 27.688
CIE-LCH	59.606, 102.939, 332.526
CIE-LUV	59.606, 91.137, -87.143
Hunter-Lab	52.62, 95.245, -49.432
Binary	11111101, 00100010, 11100101

#fd22e5
```
#fd22e5 rgb(253,34,229)
```
#22fd3a
```
#22fd3a rgb(34,253,58)
```

Complementary Color

#a822fd
```
#a822fd rgb(168,34,253)
```
#fd22e5
```
#fd22e5 rgb(253,34,229)
```
#fd2278
```
#fd2278 rgb(253,34,120)
```

Analogous Color

#22fda8
```
#22fda8 rgb(34,253,168)
```
#fd22e5
```
#fd22e5 rgb(253,34,229)
```
#78fd22
```
#78fd22 rgb(120,253,34)
```

Split Complementary Color

#22e5fd
```
#22e5fd rgb(34,229,253)
```
#fd22e5
```
#fd22e5 rgb(253,34,229)
```
#e5fd22
```
#e5fd22 rgb(229,253,34)
```

Triadic Color

#3a22fd
```
#3a22fd rgb(58,34,253)
```
#fd22e5
```
#fd22e5 rgb(253,34,229)
```
#e5fd22
```
#e5fd22 rgb(229,253,34)
```
#22fd3a
```
#22fd3a rgb(34,253,58)
```

Tetradic Color

#d102ba
```
#d102ba rgb(209,2,186)
```
#ea02d0
```
#ea02d0 rgb(234,2,208)
```
#fd09e2
```
#fd09e2 rgb(253,9,226)
```
#fd22e5
```
#fd22e5 rgb(253,34,229)
```
#fd3be8
```
#fd3be8 rgb(253,59,232)
```
#fd55eb
```
#fd55eb rgb(253,85,235)
```
#fe6eee
```
#fe6eee rgb(254,110,238)
```

Monochromatic Color

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

#de22fd
```
#de22fd rgb(222,34,253)
```
#f122fd
```
#f122fd rgb(241,34,253)
```
#fd22f7
```
#fd22f7 rgb(253,34,247)
```
#fd22e5
```
#fd22e5 rgb(253,34,229)
```
#fd22d3
```
#fd22d3 rgb(253,34,211)
```
#fd22c1
```
#fd22c1 rgb(253,34,193)
```
#fd22ae
```
#fd22ae rgb(253,34,174)
```

Similar Colors

Text with hexadecimal color #fd22e5

This text has a font color of #fd22e5.

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

#fd22e5 background color

This paragraph has a background color of #fd22e5.

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

#fd22e5 border color

This element has a border color of #fd22e5.

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

CSS codes

.text {color:#fd22e5;}

.background {background-color:#fd22e5;}

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

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, #0c000b is the darkest color, while #fff8fe is the lightest one.

#0c000b
```
#0c000b rgb(12,0,11)
```
#20001c
```
#20001c rgb(32,0,28)
```
#33002e
```
#33002e rgb(51,0,46)
```
#47013f
```
#47013f rgb(71,1,63)
```
#5a0150
```
#5a0150 rgb(90,1,80)
```
#6d0162
```
#6d0162 rgb(109,1,98)
```
#810173
```
#810173 rgb(129,1,115)
```
#940184
```
#940184 rgb(148,1,132)
```
#a80296
```
#a80296 rgb(168,2,150)
```
#bb02a7
```
#bb02a7 rgb(187,2,167)
```
#cf02b8
```
#cf02b8 rgb(207,2,184)
```
#e202ca
```
#e202ca rgb(226,2,202)
```
#f602db
```
#f602db rgb(246,2,219)
```

Shade Color Variation

#fd0fe3
```
#fd0fe3 rgb(253,15,227)
```
#fd22e5
```
#fd22e5 rgb(253,34,229)
```
#fd35e7
```
#fd35e7 rgb(253,53,231)
```
#fd49ea
```
#fd49ea rgb(253,73,234)
```
#fe5cec
```
#fe5cec rgb(254,92,236)
```
#fe70ee
```
#fe70ee rgb(254,112,238)
```
#fe83f0
```
#fe83f0 rgb(254,131,240)
```
#fe97f3
```
#fe97f3 rgb(254,151,243)
```
#feaaf5
```
#feaaf5 rgb(254,170,245)
```
#febef7
```
#febef7 rgb(254,190,247)
```
#ffd1fa
```
#ffd1fa rgb(255,209,250)
```
#ffe4fc
```
#ffe4fc rgb(255,228,252)
```
#fff8fe
```
#fff8fe rgb(255,248,254)
```

Tint Color Variation

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

#968995
```
#968995 rgb(150,137,149)
```
#9f809b
```
#9f809b rgb(159,128,155)
```
#a778a2
```
#a778a2 rgb(167,120,162)
```
#b06fa9
```
#b06fa9 rgb(176,111,169)
```
#b867af
```
#b867af rgb(184,103,175)
```
#c15eb6
```
#c15eb6 rgb(193,94,182)
```
#ca55bd
```
#ca55bd rgb(202,85,189)
```
#d24dc4
```
#d24dc4 rgb(210,77,196)
```
#db44ca
```
#db44ca rgb(219,68,202)
```
#e33cd1
```
#e33cd1 rgb(227,60,209)
```
#ec33d8
```
#ec33d8 rgb(236,51,216)
```
#f42bde
```
#f42bde rgb(244,43,222)
```
#fd22e5
```
#fd22e5 rgb(253,34,229)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#94688f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5892ff Protanopia 1% of men
#7a94d1 Deuteranopia 1% of men
#f0676d Tritanopia 0.001% of the population

Trichromacy

#9469f5 Protanomaly 1% of men, 0.01% of women
#aa6ad8 Deuteranomaly 6% of men, 0.4% of women
#f44e99 Tritanomaly 0.01% of the population

#fd22e5 hex color

#fd22e5 Color Information

#fd22e5 Color Conversion

Color Schemes with #fd22e5

Alternatives to #fd22e5

#fd22e5 Preview

Shades and Tints of #fd22e5

Tones of #fd22e5

Color Blindness Simulator