#fd30ae hex color

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

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

● #fd30ae color description : Bright pink.

The hexadecimal color #fd30ae has RGB values of R:253, G:48, B:174 and CMYK values of C:0, M:0.81, Y:0.31, K:0.01. Its decimal value is 16593070.

Hex triplet	fd30ae	`#fd30ae`
RGB Decimal	253, 48, 174	`rgb(253,48,174)`
RGB Percent	99.2, 18.8, 68.2	`rgb(99.2%,18.8%,68.2%)`
CMYK	0, 81, 31, 1
HSL	323.1°, 98.1, 59	`hsl(323.1,98.1%,59%)`
HSV (or HSB)	323.1°, 81, 99.2
Web Safe	ff3399	`#ff3399`

CIE-LAB	58.091, 82.119, -18.397
XYZ	49.206, 26.057, 42.48
xyY	0.418, 0.221, 26.057
CIE-LCH	58.091, 84.155, 347.372
CIE-LUV	58.091, 112.508, -41.609
Hunter-Lab	51.046, 82.732, -13.608
Binary	11111101, 00110000, 10101110

#fd30ae
```
#fd30ae rgb(253,48,174)
```
#30fd7f
```
#30fd7f rgb(48,253,127)
```

Complementary Color

#e630fd
```
#e630fd rgb(230,48,253)
```
#fd30ae
```
#fd30ae rgb(253,48,174)
```
#fd3047
```
#fd3047 rgb(253,48,71)
```

Analogous Color

#30fde6
```
#30fde6 rgb(48,253,230)
```
#fd30ae
```
#fd30ae rgb(253,48,174)
```
#48fd30
```
#48fd30 rgb(72,253,48)
```

Split Complementary Color

#30aefd
```
#30aefd rgb(48,174,253)
```
#fd30ae
```
#fd30ae rgb(253,48,174)
```
#aefd30
```
#aefd30 rgb(174,253,48)
```

Triadic Color

#7f30fd
```
#7f30fd rgb(127,48,253)
```
#fd30ae
```
#fd30ae rgb(253,48,174)
```
#aefd30
```
#aefd30 rgb(174,253,48)
```
#30fd7f
```
#30fd7f rgb(48,253,127)
```

Tetradic Color

#de0289
```
#de0289 rgb(222,2,137)
```
#f80299
```
#f80299 rgb(248,2,153)
```
#fd17a4
```
#fd17a4 rgb(253,23,164)
```
#fd30ae
```
#fd30ae rgb(253,48,174)
```
#fd49b8
```
#fd49b8 rgb(253,73,184)
```
#fd63c2
```
#fd63c2 rgb(253,99,194)
```
#fe7ccc
```
#fe7ccc rgb(254,124,204)
```

Monochromatic Color

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

#fd30e1
```
#fd30e1 rgb(253,48,225)
```
#fd30d0
```
#fd30d0 rgb(253,48,208)
```
#fd30bf
```
#fd30bf rgb(253,48,191)
```
#fd30ae
```
#fd30ae rgb(253,48,174)
```
#fd309d
```
#fd309d rgb(253,48,157)
```
#fd308c
```
#fd308c rgb(253,48,140)
```
#fd307b
```
#fd307b rgb(253,48,123)
```

Similar Colors

Text with hexadecimal color #fd30ae

This text has a font color of #fd30ae.

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

#fd30ae background color

This paragraph has a background color of #fd30ae.

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

#fd30ae border color

This element has a border color of #fd30ae.

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

CSS codes

.text {color:#fd30ae;}

.background {background-color:#fd30ae;}

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

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

#070004
```
#070004 rgb(7,0,4)
```
#1a0010
```
#1a0010 rgb(26,0,16)
```
#2e001c
```
#2e001c rgb(46,0,28)
```
#410128
```
#410128 rgb(65,1,40)
```
#540134
```
#540134 rgb(84,1,52)
```
#680140
```
#680140 rgb(104,1,64)
```
#7b014c
```
#7b014c rgb(123,1,76)
```
#8f0158
```
#8f0158 rgb(143,1,88)
```
#a20264
```
#a20264 rgb(162,2,100)
```
#b60270
```
#b60270 rgb(182,2,112)
```
#c9027c
```
#c9027c rgb(201,2,124)
```
#dc0288
```
#dc0288 rgb(220,2,136)
```
#f00294
```
#f00294 rgb(240,2,148)
```

Shade Color Variation

#fd099f
```
#fd099f rgb(253,9,159)
```
#fd1da6
```
#fd1da6 rgb(253,29,166)
```
#fd30ae
```
#fd30ae rgb(253,48,174)
```
#fd43b6
```
#fd43b6 rgb(253,67,182)
```
#fd57bd
```
#fd57bd rgb(253,87,189)
```
#fe6ac5
```
#fe6ac5 rgb(254,106,197)
```
#fe7ecc
```
#fe7ecc rgb(254,126,204)
```
#fe91d4
```
#fe91d4 rgb(254,145,212)
```
#fea5dc
```
#fea5dc rgb(254,165,220)
```
#feb8e3
```
#feb8e3 rgb(254,184,227)
```
#ffcbeb
```
#ffcbeb rgb(255,203,235)
```
#ffdff2
```
#ffdff2 rgb(255,223,242)
```
#fff2fa
```
#fff2fa rgb(255,242,250)
```

Tint Color Variation

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

#9d9098
```
#9d9098 rgb(157,144,152)
```
#a5889a
```
#a5889a rgb(165,136,154)
```
#ad809c
```
#ad809c rgb(173,128,156)
```
#b5789d
```
#b5789d rgb(181,120,157)
```
#bd709f
```
#bd709f rgb(189,112,159)
```
#c568a1
```
#c568a1 rgb(197,104,161)
```
#cd60a3
```
#cd60a3 rgb(205,96,163)
```
#d558a5
```
#d558a5 rgb(213,88,165)
```
#dd50a7
```
#dd50a7 rgb(221,80,167)
```
#e548a8
```
#e548a8 rgb(229,72,168)
```
#ed40aa
```
#ed40aa rgb(237,64,170)
```
#f538ac
```
#f538ac rgb(245,56,172)
```
#fd30ae
```
#fd30ae rgb(253,48,174)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#966d86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d8ee3 Protanopia 1% of men
#968ea2 Deuteranopia 1% of men
#f6595d Tritanopia 0.001% of the population

Trichromacy

#a16ccf Protanomaly 1% of men, 0.01% of women
#bc6ba6 Deuteranomaly 6% of men, 0.4% of women
#f84a7a Tritanomaly 0.01% of the population

#fd30ae hex color

#fd30ae Color Information

#fd30ae Color Conversion

Color Schemes with #fd30ae

Alternatives to #fd30ae

#fd30ae Preview

Shades and Tints of #fd30ae

Tones of #fd30ae

Color Blindness Simulator