#f30aad hex color

In a RGB color space, hex #f30aad is composed of 95.3% red, 3.9% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.9% magenta, 28.8% yellow and 4.7% black. It has a hue angle of 318 degrees, a saturation of 92.1% and a lightness of 49.6%. #f30aad color hex could be obtained by blending #ff14ff with #e7005b. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 95
- G 4
- B 68
RGB color chart
- C 0
- M 96
- Y 29
- K 5
CMYK color chart

● #f30aad color description : Vivid pink.

The hexadecimal color #f30aad has RGB values of R:243, G:10, B:173 and CMYK values of C:0, M:0.96, Y:0.29, K:0.05. Its decimal value is 15927981.

Hex triplet	f30aad	`#f30aad`
RGB Decimal	243, 10, 173	`rgb(243,10,173)`
RGB Percent	95.3, 3.9, 67.8	`rgb(95.3%,3.9%,67.8%)`
CMYK	0, 96, 29, 5
HSL	318°, 92.1, 49.6	`hsl(318,92.1%,49.6%)`
HSV (or HSB)	318°, 95.9, 95.3
Web Safe	ff0099	`#ff0099`

CIE-LAB	54.337, 85.405, -23.722
XYZ	44.614, 22.293, 41.487
xyY	0.412, 0.206, 22.293
CIE-LCH	54.337, 88.638, 344.477
CIE-LUV	54.337, 110.627, -49.323
Hunter-Lab	47.216, 86.037, -19.045
Binary	11110011, 00001010, 10101101

#f30aad
```
#f30aad rgb(243,10,173)
```
#0af350
```
#0af350 rgb(10,243,80)
```

Complementary Color

#c50af3
```
#c50af3 rgb(197,10,243)
```
#f30aad
```
#f30aad rgb(243,10,173)
```
#f30a38
```
#f30a38 rgb(243,10,56)
```

Analogous Color

#0af3c5
```
#0af3c5 rgb(10,243,197)
```
#f30aad
```
#f30aad rgb(243,10,173)
```
#38f30a
```
#38f30a rgb(56,243,10)
```

Split Complementary Color

#0aadf3
```
#0aadf3 rgb(10,173,243)
```
#f30aad
```
#f30aad rgb(243,10,173)
```
#adf30a
```
#adf30a rgb(173,243,10)
```

Triadic Color

#500af3
```
#500af3 rgb(80,10,243)
```
#f30aad
```
#f30aad rgb(243,10,173)
```
#adf30a
```
#adf30a rgb(173,243,10)
```
#0af350
```
#0af350 rgb(10,243,80)
```

Tetradic Color

#aa0779
```
#aa0779 rgb(170,7,121)
```
#c2088a
```
#c2088a rgb(194,8,138)
```
#db099c
```
#db099c rgb(219,9,156)
```
#f30aad
```
#f30aad rgb(243,10,173)
```
#f621b6
```
#f621b6 rgb(246,33,182)
```
#f739be
```
#f739be rgb(247,57,190)
```
#f852c6
```
#f852c6 rgb(248,82,198)
```

Monochromatic Color

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

#f30ae7
```
#f30ae7 rgb(243,10,231)
```
#f30ad4
```
#f30ad4 rgb(243,10,212)
```
#f30ac0
```
#f30ac0 rgb(243,10,192)
```
#f30aad
```
#f30aad rgb(243,10,173)
```
#f30a9a
```
#f30a9a rgb(243,10,154)
```
#f30a86
```
#f30a86 rgb(243,10,134)
```
#f30a73
```
#f30a73 rgb(243,10,115)
```

Similar Colors

Text with hexadecimal color #f30aad

This text has a font color of #f30aad.

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

#f30aad background color

This paragraph has a background color of #f30aad.

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

#f30aad border color

This element has a border color of #f30aad.

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

CSS codes

.text {color:#f30aad;}

.background {background-color:#f30aad;}

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

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, #11010c is the darkest color, while #fffdfe is the lightest one.

#11010c
```
#11010c rgb(17,1,12)
```
#240119
```
#240119 rgb(36,1,25)
```
#370227
```
#370227 rgb(55,2,39)
```
#490334
```
#490334 rgb(73,3,52)
```
#5c0442
```
#5c0442 rgb(92,4,66)
```
#6f054f
```
#6f054f rgb(111,5,79)
```
#82055d
```
#82055d rgb(130,5,93)
```
#95066a
```
#95066a rgb(149,6,106)
```
#a80777
```
#a80777 rgb(168,7,119)
```
#ba0885
```
#ba0885 rgb(186,8,133)
```
#cd0892
```
#cd0892 rgb(205,8,146)
```
#e009a0
```
#e009a0 rgb(224,9,160)
```
#f30aad
```
#f30aad rgb(243,10,173)
```

Shade Color Variation

#f61bb4
```
#f61bb4 rgb(246,27,180)
```
#f62eba
```
#f62eba rgb(246,46,186)
```
#f741c0
```
#f741c0 rgb(247,65,192)
```
#f854c7
```
#f854c7 rgb(248,84,199)
```
#f966cd
```
#f966cd rgb(249,102,205)
```
#f979d3
```
#f979d3 rgb(249,121,211)
```
#fa8cd9
```
#fa8cd9 rgb(250,140,217)
```
#fb9fdf
```
#fb9fdf rgb(251,159,223)
```
#fcb2e6
```
#fcb2e6 rgb(252,178,230)
```
#fdc5ec
```
#fdc5ec rgb(253,197,236)
```
#fdd7f2
```
#fdd7f2 rgb(253,215,242)
```
#feeaf8
```
#feeaf8 rgb(254,234,248)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#887582
```
#887582 rgb(136,117,130)
```
#926b86
```
#926b86 rgb(146,107,134)
```
#9b628a
```
#9b628a rgb(155,98,138)
```
#a5588e
```
#a5588e rgb(165,88,142)
```
#af4e92
```
#af4e92 rgb(175,78,146)
```
#b94496
```
#b94496 rgb(185,68,150)
```
#c23b9a
```
#c23b9a rgb(194,59,154)
```
#cc319d
```
#cc319d rgb(204,49,157)
```
#d627a1
```
#d627a1 rgb(214,39,161)
```
#e01da5
```
#e01da5 rgb(224,29,165)
```
#e914a9
```
#e914a9 rgb(233,20,169)
```
#f30aad
```
#f30aad rgb(243,10,173)
```
#fd00b1
```
#fd00b1 rgb(253,0,177)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#7f5071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5185ea Protanopia 1% of men
#8885a0 Deuteranopia 1% of men
#ec4d50 Tritanopia 0.001% of the population

Trichromacy

#8b58d4 Protanomaly 1% of men, 0.01% of women
#af58a4 Deuteranomaly 6% of men, 0.4% of women
#ee3472 Tritanomaly 0.01% of the population

#f30aad hex color

#f30aad Color Information

#f30aad Color Conversion

Color Schemes with #f30aad

Alternatives to #f30aad

#f30aad Preview

Shades and Tints of #f30aad

Tones of #f30aad

Color Blindness Simulator