#f30afd hex color

In a RGB color space, hex #f30afd is composed of 95.3% red, 3.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 4% cyan, 96% magenta, 0% yellow and 0.8% black. It has a hue angle of 297.5 degrees, a saturation of 98.4% and a lightness of 51.6%. #f30afd color hex could be obtained by blending #ff14ff with #e700fb. Closest websafe color is: #ff00ff.

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

● #f30afd color description : Vivid magenta.

The hexadecimal color #f30afd has RGB values of R:243, G:10, B:253 and CMYK values of C:0.04, M:0.96, Y:0, K:0.01. Its decimal value is 15928061.

Hex triplet	f30afd	`#f30afd`
RGB Decimal	243, 10, 253	`rgb(243,10,253)`
RGB Percent	95.3, 3.9, 99.2	`rgb(95.3%,3.9%,99.2%)`
CMYK	4, 96, 0, 1
HSL	297.5°, 98.4, 51.6	`hsl(297.5,98.4%,51.6%)`
HSV (or HSB)	297.5°, 96, 99.2
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.384, 95.527, -62.947
XYZ	54.799, 26.367, 95.126
xyY	0.311, 0.15, 26.367
CIE-LCH	58.384, 114.402, 326.618
CIE-LUV	58.384, 75.981, -110.641
Hunter-Lab	51.349, 100.632, -73.893
Binary	11110011, 00001010, 11111101

#f30afd
```
#f30afd rgb(243,10,253)
```
#14fd0a
```
#14fd0a rgb(20,253,10)
```

Complementary Color

#7a0afd
```
#7a0afd rgb(122,10,253)
```
#f30afd
```
#f30afd rgb(243,10,253)
```
#fd0a8e
```
#fd0a8e rgb(253,10,142)
```

Analogous Color

#0afd7a
```
#0afd7a rgb(10,253,122)
```
#f30afd
```
#f30afd rgb(243,10,253)
```
#8efd0a
```
#8efd0a rgb(142,253,10)
```

Split Complementary Color

#0afdf3
```
#0afdf3 rgb(10,253,243)
```
#f30afd
```
#f30afd rgb(243,10,253)
```
#fdf30a
```
#fdf30a rgb(253,243,10)
```

Triadic Color

#0a14fd
```
#0a14fd rgb(10,20,253)
```
#f30afd
```
#f30afd rgb(243,10,253)
```
#fdf30a
```
#fdf30a rgb(253,243,10)
```
#14fd0a
```
#14fd0a rgb(20,253,10)
```

Tetradic Color

#b102b9
```
#b102b9 rgb(177,2,185)
```
#ca02d2
```
#ca02d2 rgb(202,2,210)
```
#e202ec
```
#e202ec rgb(226,2,236)
```
#f30afd
```
#f30afd rgb(243,10,253)
```
#f423fd
```
#f423fd rgb(244,35,253)
```
#f53dfd
```
#f53dfd rgb(245,61,253)
```
#f756fe
```
#f756fe rgb(247,86,254)
```

Monochromatic Color

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

#b60afd
```
#b60afd rgb(182,10,253)
```
#cb0afd
```
#cb0afd rgb(203,10,253)
```
#df0afd
```
#df0afd rgb(223,10,253)
```
#f30afd
```
#f30afd rgb(243,10,253)
```
#fd0af3
```
#fd0af3 rgb(253,10,243)
```
#fd0adf
```
#fd0adf rgb(253,10,223)
```
#fd0aca
```
#fd0aca rgb(253,10,202)
```

Similar Colors

Text with hexadecimal color #f30afd

This text has a font color of #f30afd.

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

#f30afd background color

This paragraph has a background color of #f30afd.

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

#f30afd border color

This element has a border color of #f30afd.

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

CSS codes

.text {color:#f30afd;}

.background {background-color:#f30afd;}

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

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

#080008
```
#080008 rgb(8,0,8)
```
#1a001b
```
#1a001b rgb(26,0,27)
```
#2d002f
```
#2d002f rgb(45,0,47)
```
#400142
```
#400142 rgb(64,1,66)
```
#520156
```
#520156 rgb(82,1,86)
```
#650169
```
#650169 rgb(101,1,105)
```
#78017d
```
#78017d rgb(120,1,125)
```
#8a0190
```
#8a0190 rgb(138,1,144)
```
#9d01a4
```
#9d01a4 rgb(157,1,164)
```
#b001b7
```
#b001b7 rgb(176,1,183)
```
#c202cb
```
#c202cb rgb(194,2,203)
```
#d502de
```
#d502de rgb(213,2,222)
```
#e802f1
```
#e802f1 rgb(232,2,241)
```

Shade Color Variation

#f30afd
```
#f30afd rgb(243,10,253)
```
#f41dfd
```
#f41dfd rgb(244,29,253)
```
#f531fd
```
#f531fd rgb(245,49,253)
```
#f644fd
```
#f644fd rgb(246,68,253)
```
#f758fe
```
#f758fe rgb(247,88,254)
```
#f86bfe
```
#f86bfe rgb(248,107,254)
```
#f97ffe
```
#f97ffe rgb(249,127,254)
```
#fa92fe
```
#fa92fe rgb(250,146,254)
```
#fba6fe
```
#fba6fe rgb(251,166,254)
```
#fcb9fe
```
#fcb9fe rgb(252,185,254)
```
#fdcdff
```
#fdcdff rgb(253,205,255)
```
#fde0ff
```
#fde0ff rgb(253,224,255)
```
#fef3ff
```
#fef3ff rgb(254,243,255)
```

Tint Color Variation

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

#8a7c8b
```
#8a7c8b rgb(138,124,139)
```
#937395
```
#937395 rgb(147,115,149)
```
#9c699e
```
#9c699e rgb(156,105,158)
```
#a560a8
```
#a560a8 rgb(165,96,168)
```
#ad56b1
```
#ad56b1 rgb(173,86,177)
```
#b64dbb
```
#b64dbb rgb(182,77,187)
```
#bf43c4
```
#bf43c4 rgb(191,67,196)
```
#c73ace
```
#c73ace rgb(199,58,206)
```
#d030d7
```
#d030d7 rgb(208,48,215)
```
#d927e1
```
#d927e1 rgb(217,39,225)
```
#e21dea
```
#e21dea rgb(226,29,234)
```
#ea14f4
```
#ea14f4 rgb(234,20,244)
```
#f30afd
```
#f30afd rgb(243,10,253)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#865888 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f8fff Protanopia 1% of men
#5893e5 Deuteranopia 1% of men
#e26d73 Tritanopia 0.001% of the population

Trichromacy

#8a5efe Protanomaly 1% of men, 0.01% of women
#9061ed Deuteranomaly 6% of men, 0.4% of women
#e849a5 Tritanomaly 0.01% of the population

#f30afd hex color

#f30afd Color Information

#f30afd Color Conversion

Color Schemes with #f30afd

Alternatives to #f30afd

#f30afd Preview

Shades and Tints of #f30afd

Tones of #f30afd

Color Blindness Simulator