#f745fa hex color

In a RGB color space, hex #f745fa is composed of 96.9% red, 27.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 1.2% cyan, 72.4% magenta, 0% yellow and 2% black. It has a hue angle of 299 degrees, a saturation of 94.8% and a lightness of 62.5%. #f745fa color hex could be obtained by blending #ff8aff with #ef00f5. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 97
- G 27
- B 98
RGB color chart
- C 1
- M 72
- Y 0
- K 2
CMYK color chart

● #f745fa color description : Bright magenta.

The hexadecimal color #f745fa has RGB values of R:247, G:69, B:250 and CMYK values of C:0.01, M:0.72, Y:0, K:0.02. Its decimal value is 16205306.

Hex triplet	f745fa	`#f745fa`
RGB Decimal	247, 69, 250	`rgb(247,69,250)`
RGB Percent	96.9, 27.1, 98	`rgb(96.9%,27.1%,98%)`
CMYK	1, 72, 0, 2
HSL	299°, 94.8, 62.5	`hsl(299,94.8%,62.5%)`
HSV (or HSB)	299°, 72.4, 98
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	62.454, 85.301, -54.744
XYZ	57.74, 30.936, 93.367
xyY	0.317, 0.17, 30.936
CIE-LCH	62.454, 101.357, 327.308
CIE-LUV	62.454, 73.218, -98.339
Hunter-Lab	55.62, 87.967, -60.593
Binary	11110111, 01000101, 11111010

#f745fa
```
#f745fa rgb(247,69,250)
```
#48fa45
```
#48fa45 rgb(72,250,69)
```

Complementary Color

#9d45fa
```
#9d45fa rgb(157,69,250)
```
#f745fa
```
#f745fa rgb(247,69,250)
```
#fa45a3
```
#fa45a3 rgb(250,69,163)
```

Analogous Color

#45fa9d
```
#45fa9d rgb(69,250,157)
```
#f745fa
```
#f745fa rgb(247,69,250)
```
#a3fa45
```
#a3fa45 rgb(163,250,69)
```

Split Complementary Color

#45faf7
```
#45faf7 rgb(69,250,247)
```
#f745fa
```
#f745fa rgb(247,69,250)
```
#faf745
```
#faf745 rgb(250,247,69)
```

Triadic Color

#4548fa
```
#4548fa rgb(69,72,250)
```
#f745fa
```
#f745fa rgb(247,69,250)
```
#faf745
```
#faf745 rgb(250,247,69)
```
#48fa45
```
#48fa45 rgb(72,250,69)
```

Tetradic Color

#e806ec
```
#e806ec rgb(232,6,236)
```
#f513f9
```
#f513f9 rgb(245,19,249)
```
#f62cf9
```
#f62cf9 rgb(246,44,249)
```
#f745fa
```
#f745fa rgb(247,69,250)
```
#f85efb
```
#f85efb rgb(248,94,251)
```
#f977fb
```
#f977fb rgb(249,119,251)
```
#fa8ffc
```
#fa8ffc rgb(250,143,252)
```

Monochromatic Color

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

#ca45fa
```
#ca45fa rgb(202,69,250)
```
#d945fa
```
#d945fa rgb(217,69,250)
```
#e845fa
```
#e845fa rgb(232,69,250)
```
#f745fa
```
#f745fa rgb(247,69,250)
```
#fa45ee
```
#fa45ee rgb(250,69,238)
```
#fa45df
```
#fa45df rgb(250,69,223)
```
#fa45d0
```
#fa45d0 rgb(250,69,208)
```

Similar Colors

Text with hexadecimal color #f745fa

This text has a font color of #f745fa.

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

#f745fa background color

This paragraph has a background color of #f745fa.

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

#f745fa border color

This element has a border color of #f745fa.

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

CSS codes

.text {color:#f745fa;}

.background {background-color:#f745fa;}

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

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

#050005
```
#050005 rgb(5,0,5)
```
#180118
```
#180118 rgb(24,1,24)
```
#2b012b
```
#2b012b rgb(43,1,43)
```
#3d023e
```
#3d023e rgb(61,2,62)
```
#500251
```
#500251 rgb(80,2,81)
```
#630365
```
#630365 rgb(99,3,101)
```
#760378
```
#760378 rgb(118,3,120)
```
#88048b
```
#88048b rgb(136,4,139)
```
#9b049e
```
#9b049e rgb(155,4,158)
```
#ae05b1
```
#ae05b1 rgb(174,5,177)
```
#c105c4
```
#c105c4 rgb(193,5,196)
```
#d406d7
```
#d406d7 rgb(212,6,215)
```
#e606ea
```
#e606ea rgb(230,6,234)
```

Shade Color Variation

#f50cf8
```
#f50cf8 rgb(245,12,248)
```
#f51ff9
```
#f51ff9 rgb(245,31,249)
```
#f632f9
```
#f632f9 rgb(246,50,249)
```
#f745fa
```
#f745fa rgb(247,69,250)
```
#f858fb
```
#f858fb rgb(248,88,251)
```
#f96bfb
```
#f96bfb rgb(249,107,251)
```
#f97efc
```
#f97efc rgb(249,126,252)
```
#fa91fc
```
#fa91fc rgb(250,145,252)
```
#fba5fd
```
#fba5fd rgb(251,165,253)
```
#fcb8fd
```
#fcb8fd rgb(252,184,253)
```
#fdcbfe
```
#fdcbfe rgb(253,203,254)
```
#fedefe
```
#fedefe rgb(254,222,254)
```
#fef1ff
```
#fef1ff rgb(254,241,255)
```

Tint Color Variation

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

#a29da2
```
#a29da2 rgb(162,157,162)
```
#a996a9
```
#a996a9 rgb(169,150,169)
```
#b08eb1
```
#b08eb1 rgb(176,142,177)
```
#b787b8
```
#b787b8 rgb(183,135,184)
```
#be80bf
```
#be80bf rgb(190,128,191)
```
#c578c7
```
#c578c7 rgb(197,120,199)
```
#cc71ce
```
#cc71ce rgb(204,113,206)
```
#d36ad5
```
#d36ad5 rgb(211,106,213)
```
#db62dd
```
#db62dd rgb(219,98,221)
```
#e25be4
```
#e25be4 rgb(226,91,228)
```
#e954eb
```
#e954eb rgb(233,84,235)
```
#f04cf3
```
#f04cf3 rgb(240,76,243)
```
#f745fa
```
#f745fa rgb(247,69,250)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#a480a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6999ff Protanopia 1% of men
#749ce6 Deuteranopia 1% of men
#e87b83 Tritanopia 0.001% of the population

Trichromacy

#9d7afd Protanomaly 1% of men, 0.01% of women
#a37ced Deuteranomaly 6% of men, 0.4% of women
#ed67ae Tritanomaly 0.01% of the population

#f745fa hex color

#f745fa Color Information

#f745fa Color Conversion

Color Schemes with #f745fa

Alternatives to #f745fa

#f745fa Preview

Shades and Tints of #f745fa

Tones of #f745fa

Color Blindness Simulator