#fd30f0 hex color

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

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

● #fd30f0 color description : Bright magenta.

The hexadecimal color #fd30f0 has RGB values of R:253, G:48, B:240 and CMYK values of C:0, M:0.81, Y:0.05, K:0.01. Its decimal value is 16593136.

Hex triplet	fd30f0	`#fd30f0`
RGB Decimal	253, 48, 240	`rgb(253,48,240)`
RGB Percent	99.2, 18.8, 94.1	`rgb(99.2%,18.8%,94.1%)`
CMYK	0, 81, 5, 1
HSL	303.8°, 98.1, 59	`hsl(303.8,98.1%,59%)`
HSV (or HSB)	303.8°, 81, 99.2
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	61.038, 90.304, -51.38
XYZ	57.292, 29.292, 85.07
xyY	0.334, 0.171, 29.292
CIE-LCH	61.038, 103.898, 330.361
CIE-LUV	61.038, 84.869, -93.405
Hunter-Lab	54.122, 94.242, -55.307
Binary	11111101, 00110000, 11110000

#fd30f0
```
#fd30f0 rgb(253,48,240)
```
#30fd3d
```
#30fd3d rgb(48,253,61)
```

Complementary Color

#a430fd
```
#a430fd rgb(164,48,253)
```
#fd30f0
```
#fd30f0 rgb(253,48,240)
```
#fd308a
```
#fd308a rgb(253,48,138)
```

Analogous Color

#30fda4
```
#30fda4 rgb(48,253,164)
```
#fd30f0
```
#fd30f0 rgb(253,48,240)
```
#8afd30
```
#8afd30 rgb(138,253,48)
```

Split Complementary Color

#30f0fd
```
#30f0fd rgb(48,240,253)
```
#fd30f0
```
#fd30f0 rgb(253,48,240)
```
#f0fd30
```
#f0fd30 rgb(240,253,48)
```

Triadic Color

#3d30fd
```
#3d30fd rgb(61,48,253)
```
#fd30f0
```
#fd30f0 rgb(253,48,240)
```
#f0fd30
```
#f0fd30 rgb(240,253,48)
```
#30fd3d
```
#30fd3d rgb(48,253,61)
```

Tetradic Color

#de02d0
```
#de02d0 rgb(222,2,208)
```
#f802e8
```
#f802e8 rgb(248,2,232)
```
#fd17ee
```
#fd17ee rgb(253,23,238)
```
#fd30f0
```
#fd30f0 rgb(253,48,240)
```
#fd49f2
```
#fd49f2 rgb(253,73,242)
```
#fd63f4
```
#fd63f4 rgb(253,99,244)
```
#fe7cf5
```
#fe7cf5 rgb(254,124,245)
```

Monochromatic Color

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

#d730fd
```
#d730fd rgb(215,48,253)
```
#e830fd
```
#e830fd rgb(232,48,253)
```
#f930fd
```
#f930fd rgb(249,48,253)
```
#fd30f0
```
#fd30f0 rgb(253,48,240)
```
#fd30df
```
#fd30df rgb(253,48,223)
```
#fd30ce
```
#fd30ce rgb(253,48,206)
```
#fd30bd
```
#fd30bd rgb(253,48,189)
```

Similar Colors

Text with hexadecimal color #fd30f0

This text has a font color of #fd30f0.

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

#fd30f0 background color

This paragraph has a background color of #fd30f0.

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

#fd30f0 border color

This element has a border color of #fd30f0.

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

CSS codes

.text {color:#fd30f0;}

.background {background-color:#fd30f0;}

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

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 #fff2fe is the lightest one.

#070006
```
#070006 rgb(7,0,6)
```
#1a0018
```
#1a0018 rgb(26,0,24)
```
#2e002b
```
#2e002b rgb(46,0,43)
```
#41013d
```
#41013d rgb(65,1,61)
```
#54014f
```
#54014f rgb(84,1,79)
```
#680161
```
#680161 rgb(104,1,97)
```
#7b0174
```
#7b0174 rgb(123,1,116)
```
#8f0186
```
#8f0186 rgb(143,1,134)
```
#a20298
```
#a20298 rgb(162,2,152)
```
#b602aa
```
#b602aa rgb(182,2,170)
```
#c902bc
```
#c902bc rgb(201,2,188)
```
#dc02cf
```
#dc02cf rgb(220,2,207)
```
#f002e1
```
#f002e1 rgb(240,2,225)
```

Shade Color Variation

#fd09ed
```
#fd09ed rgb(253,9,237)
```
#fd1def
```
#fd1def rgb(253,29,239)
```
#fd30f0
```
#fd30f0 rgb(253,48,240)
```
#fd43f1
```
#fd43f1 rgb(253,67,241)
```
#fd57f3
```
#fd57f3 rgb(253,87,243)
```
#fe6af4
```
#fe6af4 rgb(254,106,244)
```
#fe7ef6
```
#fe7ef6 rgb(254,126,246)
```
#fe91f7
```
#fe91f7 rgb(254,145,247)
```
#fea5f8
```
#fea5f8 rgb(254,165,248)
```
#feb8fa
```
#feb8fa rgb(254,184,250)
```
#ffcbfb
```
#ffcbfb rgb(255,203,251)
```
#ffdffd
```
#ffdffd rgb(255,223,253)
```
#fff2fe
```
#fff2fe rgb(255,242,254)
```

Tint Color Variation

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

#9d909c
```
#9d909c rgb(157,144,156)
```
#a588a3
```
#a588a3 rgb(165,136,163)
```
#ad80aa
```
#ad80aa rgb(173,128,170)
```
#b578b1
```
#b578b1 rgb(181,120,177)
```
#bd70b8
```
#bd70b8 rgb(189,112,184)
```
#c568bf
```
#c568bf rgb(197,104,191)
```
#cd60c6
```
#cd60c6 rgb(205,96,198)
```
#d558cd
```
#d558cd rgb(213,88,205)
```
#dd50d4
```
#dd50d4 rgb(221,80,212)
```
#e548db
```
#e548db rgb(229,72,219)
```
#ed40e2
```
#ed40e2 rgb(237,64,226)
```
#f538e9
```
#f538e9 rgb(245,56,233)
```
#fd30f0
```
#fd30f0 rgb(253,48,240)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#9b7299 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6195ff Protanopia 1% of men
#7898db Deuteranopia 1% of men
#ef6f76 Tritanopia 0.001% of the population

Trichromacy

#9a70f9 Protanomaly 1% of men, 0.01% of women
#a872e3 Deuteranomaly 6% of men, 0.4% of women
#f458a2 Tritanomaly 0.01% of the population

#fd30f0 hex color

#fd30f0 Color Information

#fd30f0 Color Conversion

Color Schemes with #fd30f0

Alternatives to #fd30f0

#fd30f0 Preview

Shades and Tints of #fd30f0

Tones of #fd30f0

Color Blindness Simulator