#fa30f2 hex color

In a RGB color space, hex #fa30f2 is composed of 98% red, 18.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.8% magenta, 3.2% yellow and 2% black. It has a hue angle of 302.4 degrees, a saturation of 95.3% and a lightness of 58.4%. #fa30f2 color hex could be obtained by blending #ff60ff with #f500e5. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 98
- G 19
- B 95
RGB color chart
- C 0
- M 81
- Y 3
- K 2
CMYK color chart

● #fa30f2 color description : Bright magenta.

The hexadecimal color #fa30f2 has RGB values of R:250, G:48, B:242 and CMYK values of C:0, M:0.81, Y:0.03, K:0.02. Its decimal value is 16396530.

Hex triplet	fa30f2	`#fa30f2`
RGB Decimal	250, 48, 242	`rgb(250,48,242)`
RGB Percent	98, 18.8, 94.9	`rgb(98%,18.8%,94.9%)`
CMYK	0, 81, 3, 2
HSL	302.4°, 95.3, 58.4	`hsl(302.4,95.3%,58.4%)`
HSV (or HSB)	302.4°, 80.8, 98
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	60.651, 90.035, -53.14
XYZ	56.507, 28.853, 86.593
xyY	0.329, 0.168, 28.853
CIE-LCH	60.651, 104.547, 329.45
CIE-LUV	60.651, 81.926, -95.938
Hunter-Lab	53.715, 93.78, -57.98
Binary	11111010, 00110000, 11110010

#fa30f2
```
#fa30f2 rgb(250,48,242)
```
#30fa38
```
#30fa38 rgb(48,250,56)
```

Complementary Color

#9d30fa
```
#9d30fa rgb(157,48,250)
```
#fa30f2
```
#fa30f2 rgb(250,48,242)
```
#fa308d
```
#fa308d rgb(250,48,141)
```

Analogous Color

#30fa9d
```
#30fa9d rgb(48,250,157)
```
#fa30f2
```
#fa30f2 rgb(250,48,242)
```
#8dfa30
```
#8dfa30 rgb(141,250,48)
```

Split Complementary Color

#30f2fa
```
#30f2fa rgb(48,242,250)
```
#fa30f2
```
#fa30f2 rgb(250,48,242)
```
#f2fa30
```
#f2fa30 rgb(242,250,48)
```

Triadic Color

#3830fa
```
#3830fa rgb(56,48,250)
```
#fa30f2
```
#fa30f2 rgb(250,48,242)
```
#f2fa30
```
#f2fa30 rgb(242,250,48)
```
#30fa38
```
#30fa38 rgb(48,250,56)
```

Tetradic Color

#d805d0
```
#d805d0 rgb(216,5,208)
```
#f106e8
```
#f106e8 rgb(241,6,232)
```
#f917f0
```
#f917f0 rgb(249,23,240)
```
#fa30f2
```
#fa30f2 rgb(250,48,242)
```
#fb49f4
```
#fb49f4 rgb(251,73,244)
```
#fb62f5
```
#fb62f5 rgb(251,98,245)
```
#fc7bf7
```
#fc7bf7 rgb(252,123,247)
```

Monochromatic Color

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

#d030fa
```
#d030fa rgb(208,48,250)
```
#e030fa
```
#e030fa rgb(224,48,250)
```
#f130fa
```
#f130fa rgb(241,48,250)
```
#fa30f2
```
#fa30f2 rgb(250,48,242)
```
#fa30e1
```
#fa30e1 rgb(250,48,225)
```
#fa30d0
```
#fa30d0 rgb(250,48,208)
```
#fa30c0
```
#fa30c0 rgb(250,48,192)
```

Similar Colors

Text with hexadecimal color #fa30f2

This text has a font color of #fa30f2.

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

#fa30f2 background color

This paragraph has a background color of #fa30f2.

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

#fa30f2 border color

This element has a border color of #fa30f2.

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

CSS codes

.text {color:#fa30f2;}

.background {background-color:#fa30f2;}

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

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

#040004
```
#040004 rgb(4,0,4)
```
#170116
```
#170116 rgb(23,1,22)
```
#2a0128
```
#2a0128 rgb(42,1,40)
```
#3d013b
```
#3d013b rgb(61,1,59)
```
#50024d
```
#50024d rgb(80,2,77)
```
#630260
```
#630260 rgb(99,2,96)
```
#770372
```
#770372 rgb(119,3,114)
```
#8a0384
```
#8a0384 rgb(138,3,132)
```
#9d0497
```
#9d0497 rgb(157,4,151)
```
#b004a9
```
#b004a9 rgb(176,4,169)
```
#c305bc
```
#c305bc rgb(195,5,188)
```
#d605ce
```
#d605ce rgb(214,5,206)
```
#ea06e0
```
#ea06e0 rgb(234,6,224)
```

Shade Color Variation

#f90af0
```
#f90af0 rgb(249,10,240)
```
#fa1df1
```
#fa1df1 rgb(250,29,241)
```
#fa30f2
```
#fa30f2 rgb(250,48,242)
```
#fa43f3
```
#fa43f3 rgb(250,67,243)
```
#fb56f4
```
#fb56f4 rgb(251,86,244)
```
#fb69f6
```
#fb69f6 rgb(251,105,246)
```
#fc7df7
```
#fc7df7 rgb(252,125,247)
```
#fc90f8
```
#fc90f8 rgb(252,144,248)
```
#fda3f9
```
#fda3f9 rgb(253,163,249)
```
#fdb6fa
```
#fdb6fa rgb(253,182,250)
```
#fec9fc
```
#fec9fc rgb(254,201,252)
```
#fedcfd
```
#fedcfd rgb(254,220,253)
```
#fff0fe
```
#fff0fe rgb(255,240,254)
```

Tint Color Variation

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

#989298
```
#989298 rgb(152,146,152)
```
#a08a9f
```
#a08a9f rgb(160,138,159)
```
#a882a7
```
#a882a7 rgb(168,130,167)
```
#b179ae
```
#b179ae rgb(177,121,174)
```
#b971b6
```
#b971b6 rgb(185,113,182)
```
#c169bd
```
#c169bd rgb(193,105,189)
```
#c961c5
```
#c961c5 rgb(201,97,197)
```
#d159cc
```
#d159cc rgb(209,89,204)
```
#d951d4
```
#d951d4 rgb(217,81,212)
```
#e248db
```
#e248db rgb(226,72,219)
```
#ea40e3
```
#ea40e3 rgb(234,64,227)
```
#f238ea
```
#f238ea rgb(242,56,234)
```
#fa30f2
```
#fa30f2 rgb(250,48,242)
```

Tone Color Variation

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

#5f94ff Protanopia 1% of men
#7397dd Deuteranopia 1% of men
#eb7077 Tritanopia 0.001% of the population

Trichromacy

#9770fa Protanomaly 1% of men, 0.01% of women
#a471e5 Deuteranomaly 6% of men, 0.4% of women
#f059a4 Tritanomaly 0.01% of the population

#fa30f2 hex color

#fa30f2 Color Information

#fa30f2 Color Conversion

Color Schemes with #fa30f2

Alternatives to #fa30f2

#fa30f2 Preview

Shades and Tints of #fa30f2

Tones of #fa30f2

Color Blindness Simulator