#fd30e2 hex color

In a RGB color space, hex #fd30e2 is composed of 99.2% red, 18.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81% magenta, 10.7% yellow and 0.8% black. It has a hue angle of 307.9 degrees, a saturation of 98.1% and a lightness of 59%. #fd30e2 color hex could be obtained by blending #ff60ff with #fb00c5. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 99
- G 19
- B 89
RGB color chart
- C 0
- M 81
- Y 11
- K 1
CMYK color chart

● #fd30e2 color description : Bright magenta.

The hexadecimal color #fd30e2 has RGB values of R:253, G:48, B:226 and CMYK values of C:0, M:0.81, Y:0.11, K:0.01. Its decimal value is 16593122.

Hex triplet	fd30e2	`#fd30e2`
RGB Decimal	253, 48, 226	`rgb(253,48,226)`
RGB Percent	99.2, 18.8, 88.6	`rgb(99.2%,18.8%,88.6%)`
CMYK	0, 81, 11, 1
HSL	307.9°, 98.1, 59	`hsl(307.9,98.1%,59%)`
HSV (or HSB)	307.9°, 81, 99.2
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	60.33, 88.382, -44.659
XYZ	55.292, 28.492, 74.535
xyY	0.349, 0.18, 28.492
CIE-LCH	60.33, 99.024, 333.192
CIE-LUV	60.33, 90.436, -82.56
Hunter-Lab	53.378, 91.49, -45.426
Binary	11111101, 00110000, 11100010

#fd30e2
```
#fd30e2 rgb(253,48,226)
```
#30fd4b
```
#30fd4b rgb(48,253,75)
```

Complementary Color

#b230fd
```
#b230fd rgb(178,48,253)
```
#fd30e2
```
#fd30e2 rgb(253,48,226)
```
#fd307c
```
#fd307c rgb(253,48,124)
```

Analogous Color

#30fdb2
```
#30fdb2 rgb(48,253,178)
```
#fd30e2
```
#fd30e2 rgb(253,48,226)
```
#7cfd30
```
#7cfd30 rgb(124,253,48)
```

Split Complementary Color

#30e2fd
```
#30e2fd rgb(48,226,253)
```
#fd30e2
```
#fd30e2 rgb(253,48,226)
```
#e2fd30
```
#e2fd30 rgb(226,253,48)
```

Triadic Color

#4b30fd
```
#4b30fd rgb(75,48,253)
```
#fd30e2
```
#fd30e2 rgb(253,48,226)
```
#e2fd30
```
#e2fd30 rgb(226,253,48)
```
#30fd4b
```
#30fd4b rgb(48,253,75)
```

Tetradic Color

#de02c1
```
#de02c1 rgb(222,2,193)
```
#f802d7
```
#f802d7 rgb(248,2,215)
```
#fd17de
```
#fd17de rgb(253,23,222)
```
#fd30e2
```
#fd30e2 rgb(253,48,226)
```
#fd49e6
```
#fd49e6 rgb(253,73,230)
```
#fd63e9
```
#fd63e9 rgb(253,99,233)
```
#fe7ced
```
#fe7ced rgb(254,124,237)
```

Monochromatic Color

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

#e530fd
```
#e530fd rgb(229,48,253)
```
#f630fd
```
#f630fd rgb(246,48,253)
```
#fd30f3
```
#fd30f3 rgb(253,48,243)
```
#fd30e2
```
#fd30e2 rgb(253,48,226)
```
#fd30d1
```
#fd30d1 rgb(253,48,209)
```
#fd30c0
```
#fd30c0 rgb(253,48,192)
```
#fd30af
```
#fd30af rgb(253,48,175)
```

Similar Colors

Text with hexadecimal color #fd30e2

This text has a font color of #fd30e2.

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

#fd30e2 background color

This paragraph has a background color of #fd30e2.

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

#fd30e2 border color

This element has a border color of #fd30e2.

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

CSS codes

.text {color:#fd30e2;}

.background {background-color:#fd30e2;}

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

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

#070006
```
#070006 rgb(7,0,6)
```
#1a0017
```
#1a0017 rgb(26,0,23)
```
#2e0028
```
#2e0028 rgb(46,0,40)
```
#410139
```
#410139 rgb(65,1,57)
```
#540149
```
#540149 rgb(84,1,73)
```
#68015a
```
#68015a rgb(104,1,90)
```
#7b016b
```
#7b016b rgb(123,1,107)
```
#8f017c
```
#8f017c rgb(143,1,124)
```
#a2028d
```
#a2028d rgb(162,2,141)
```
#b6029e
```
#b6029e rgb(182,2,158)
```
#c902af
```
#c902af rgb(201,2,175)
```
#dc02c0
```
#dc02c0 rgb(220,2,192)
```
#f002d1
```
#f002d1 rgb(240,2,209)
```

Shade Color Variation

#fd09dd
```
#fd09dd rgb(253,9,221)
```
#fd1ddf
```
#fd1ddf rgb(253,29,223)
```
#fd30e2
```
#fd30e2 rgb(253,48,226)
```
#fd43e5
```
#fd43e5 rgb(253,67,229)
```
#fd57e7
```
#fd57e7 rgb(253,87,231)
```
#fe6aea
```
#fe6aea rgb(254,106,234)
```
#fe7eed
```
#fe7eed rgb(254,126,237)
```
#fe91f0
```
#fe91f0 rgb(254,145,240)
```
#fea5f2
```
#fea5f2 rgb(254,165,242)
```
#feb8f5
```
#feb8f5 rgb(254,184,245)
```
#ffcbf8
```
#ffcbf8 rgb(255,203,248)
```
#ffdffa
```
#ffdffa rgb(255,223,250)
```
#fff2fd
```
#fff2fd rgb(255,242,253)
```

Tint Color Variation

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

#9d909b
```
#9d909b rgb(157,144,155)
```
#a588a1
```
#a588a1 rgb(165,136,161)
```
#ad80a7
```
#ad80a7 rgb(173,128,167)
```
#b578ad
```
#b578ad rgb(181,120,173)
```
#bd70b3
```
#bd70b3 rgb(189,112,179)
```
#c568b9
```
#c568b9 rgb(197,104,185)
```
#cd60be
```
#cd60be rgb(205,96,190)
```
#d558c4
```
#d558c4 rgb(213,88,196)
```
#dd50ca
```
#dd50ca rgb(221,80,202)
```
#e548d0
```
#e548d0 rgb(229,72,208)
```
#ed40d6
```
#ed40d6 rgb(237,64,214)
```
#f538dc
```
#f538dc rgb(245,56,220)
```
#fd30e2
```
#fd30e2 rgb(253,48,226)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#9b7295 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d93ff Protanopia 1% of men
#8095cf Deuteranopia 1% of men
#f16a71 Tritanopia 0.001% of the population

Trichromacy

#976ff4 Protanomaly 1% of men, 0.01% of women
#ad70d6 Deuteranomaly 6% of men, 0.4% of women
#f5559a Tritanomaly 0.01% of the population

#fd30e2 hex color

#fd30e2 Color Information

#fd30e2 Color Conversion

Color Schemes with #fd30e2

Alternatives to #fd30e2

#fd30e2 Preview

Shades and Tints of #fd30e2

Tones of #fd30e2

Color Blindness Simulator