#fa5af4 hex color

In a RGB color space, hex #fa5af4 is composed of 98% red, 35.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64% magenta, 2.4% yellow and 2% black. It has a hue angle of 302.3 degrees, a saturation of 94.1% and a lightness of 66.7%. #fa5af4 color hex could be obtained by blending #ffb4ff with #f500e9. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 98
- G 35
- B 96
RGB color chart
- C 0
- M 64
- Y 2
- K 2
CMYK color chart

● #fa5af4 color description : Soft magenta.

The hexadecimal color #fa5af4 has RGB values of R:250, G:90, B:244 and CMYK values of C:0, M:0.64, Y:0.02, K:0.02. Its decimal value is 16407284.

Hex triplet	fa5af4	`#fa5af4`
RGB Decimal	250, 90, 244	`rgb(250,90,244)`
RGB Percent	98, 35.3, 95.7	`rgb(98%,35.3%,95.7%)`
CMYK	0, 64, 2, 2
HSL	302.3°, 94.1, 66.7	`hsl(302.3,94.1%,66.7%)`
HSV (or HSB)	302.3°, 64, 98
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	65.099, 77.941, -47.209
XYZ	59.408, 34.172, 89.05
xyY	0.325, 0.187, 34.172
CIE-LCH	65.099, 91.124, 328.797
CIE-LUV	65.099, 72.23, -86.18
Hunter-Lab	58.456, 79.108, -49.4
Binary	11111010, 01011010, 11110100

#fa5af4
```
#fa5af4 rgb(250,90,244)
```
#5afa60
```
#5afa60 rgb(90,250,96)
```

Complementary Color

#b05afa
```
#b05afa rgb(176,90,250)
```
#fa5af4
```
#fa5af4 rgb(250,90,244)
```
#fa5aa4
```
#fa5aa4 rgb(250,90,164)
```

Analogous Color

#5afab0
```
#5afab0 rgb(90,250,176)
```
#fa5af4
```
#fa5af4 rgb(250,90,244)
```
#a4fa5a
```
#a4fa5a rgb(164,250,90)
```

Split Complementary Color

#5af4fa
```
#5af4fa rgb(90,244,250)
```
#fa5af4
```
#fa5af4 rgb(250,90,244)
```
#f4fa5a
```
#f4fa5a rgb(244,250,90)
```

Triadic Color

#605afa
```
#605afa rgb(96,90,250)
```
#fa5af4
```
#fa5af4 rgb(250,90,244)
```
#f4fa5a
```
#f4fa5a rgb(244,250,90)
```
#5afa60
```
#5afa60 rgb(90,250,96)
```

Tetradic Color

#f810ef
```
#f810ef rgb(248,16,239)
```
#f928f1
```
#f928f1 rgb(249,40,241)
```
#f941f2
```
#f941f2 rgb(249,65,242)
```
#fa5af4
```
#fa5af4 rgb(250,90,244)
```
#fb73f6
```
#fb73f6 rgb(251,115,246)
```
#fc8cf7
```
#fc8cf7 rgb(252,140,247)
```
#fca4f9
```
#fca4f9 rgb(252,164,249)
```

Monochromatic Color

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

#d85afa
```
#d85afa rgb(216,90,250)
```
#e55afa
```
#e55afa rgb(229,90,250)
```
#f35afa
```
#f35afa rgb(243,90,250)
```
#fa5af4
```
#fa5af4 rgb(250,90,244)
```
#fa5ae7
```
#fa5ae7 rgb(250,90,231)
```
#fa5ad9
```
#fa5ad9 rgb(250,90,217)
```
#fa5acc
```
#fa5acc rgb(250,90,204)
```

Similar Colors

Text with hexadecimal color #fa5af4

This text has a font color of #fa5af4.

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

#fa5af4 background color

This paragraph has a background color of #fa5af4.

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

#fa5af4 border color

This element has a border color of #fa5af4.

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

CSS codes

.text {color:#fa5af4;}

.background {background-color:#fa5af4;}

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

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

#060006
```
#060006 rgb(6,0,6)
```
#190118
```
#190118 rgb(25,1,24)
```
#2c012b
```
#2c012b rgb(44,1,43)
```
#3f023d
```
#3f023d rgb(63,2,61)
```
#520250
```
#520250 rgb(82,2,80)
```
#660362
```
#660362 rgb(102,3,98)
```
#790474
```
#790474 rgb(121,4,116)
```
#8c0487
```
#8c0487 rgb(140,4,135)
```
#9f0599
```
#9f0599 rgb(159,5,153)
```
#b205ab
```
#b205ab rgb(178,5,171)
```
#c506be
```
#c506be rgb(197,6,190)
```
#d807d0
```
#d807d0 rgb(216,7,208)
```
#eb07e2
```
#eb07e2 rgb(235,7,226)
```

Shade Color Variation

#f80eef
```
#f80eef rgb(248,14,239)
```
#f821f0
```
#f821f0 rgb(248,33,240)
```
#f934f1
```
#f934f1 rgb(249,52,241)
```
#f947f3
```
#f947f3 rgb(249,71,243)
```
#fa5af4
```
#fa5af4 rgb(250,90,244)
```
#fb6df5
```
#fb6df5 rgb(251,109,245)
```
#fb80f7
```
#fb80f7 rgb(251,128,247)
```
#fc93f8
```
#fc93f8 rgb(252,147,248)
```
#fca6f9
```
#fca6f9 rgb(252,166,249)
```
#fdb9fa
```
#fdb9fa rgb(253,185,250)
```
#fdccfc
```
#fdccfc rgb(253,204,252)
```
#fedffd
```
#fedffd rgb(254,223,253)
```
#fff2fe
```
#fff2fe rgb(255,242,254)
```

Tint Color Variation

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

#aca8ab
```
#aca8ab rgb(172,168,171)
```
#b2a2b1
```
#b2a2b1 rgb(178,162,177)
```
#b99bb8
```
#b99bb8 rgb(185,155,184)
```
#bf95be
```
#bf95be rgb(191,149,190)
```
#c68ec4
```
#c68ec4 rgb(198,142,196)
```
#cc88ca
```
#cc88ca rgb(204,136,202)
```
#d381d0
```
#d381d0 rgb(211,129,208)
```
#d97bd6
```
#d97bd6 rgb(217,123,214)
```
#e074dc
```
#e074dc rgb(224,116,220)
```
#e66ee2
```
#e66ee2 rgb(230,110,226)
```
#ed67e8
```
#ed67e8 rgb(237,103,232)
```
#f361ee
```
#f361ee rgb(243,97,238)
```
#fa5af4
```
#fa5af4 rgb(250,90,244)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#ae8ead Atypical Achromatopsia 0.001% of the population

Dichromacy

#78a0ff Protanopia 1% of men
#87a1e3 Deuteranopia 1% of men
#ec838c Tritanopia 0.001% of the population

Trichromacy

#a786fb Protanomaly 1% of men, 0.01% of women
#b187e9 Deuteranomaly 6% of men, 0.4% of women
#f174b1 Tritanomaly 0.01% of the population

#fa5af4 hex color

#fa5af4 Color Information

#fa5af4 Color Conversion

Color Schemes with #fa5af4

Alternatives to #fa5af4

#fa5af4 Preview

Shades and Tints of #fa5af4

Tones of #fa5af4

Color Blindness Simulator