#f95af4 hex color

In a RGB color space, hex #f95af4 is composed of 97.6% red, 35.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.9% magenta, 2% yellow and 2.4% black. It has a hue angle of 301.9 degrees, a saturation of 93% and a lightness of 66.5%. #f95af4 color hex could be obtained by blending #ffb4ff with #f300e9. 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

● #f95af4 color description : Soft magenta.

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

Hex triplet	f95af4	`#f95af4`
RGB Decimal	249, 90, 244	`rgb(249,90,244)`
RGB Percent	97.6, 35.3, 95.7	`rgb(97.6%,35.3%,95.7%)`
CMYK	0, 64, 2, 2
HSL	301.9°, 93, 66.5	`hsl(301.9,93%,66.5%)`
HSV (or HSB)	301.9°, 63.9, 97.6
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	64.952, 77.712, -47.449
XYZ	59.051, 33.987, 89.033
xyY	0.324, 0.187, 33.987
CIE-LCH	64.952, 91.052, 328.593
CIE-LUV	64.952, 71.532, -86.487
Hunter-Lab	58.299, 78.781, -49.738
Binary	11111001, 01011010, 11110100

#f95af4
```
#f95af4 rgb(249,90,244)
```
#5af95f
```
#5af95f rgb(90,249,95)
```

Complementary Color

#af5af9
```
#af5af9 rgb(175,90,249)
```
#f95af4
```
#f95af4 rgb(249,90,244)
```
#f95aa5
```
#f95aa5 rgb(249,90,165)
```

Analogous Color

#5af9af
```
#5af9af rgb(90,249,175)
```
#f95af4
```
#f95af4 rgb(249,90,244)
```
#a5f95a
```
#a5f95a rgb(165,249,90)
```

Split Complementary Color

#5af4f9
```
#5af4f9 rgb(90,244,249)
```
#f95af4
```
#f95af4 rgb(249,90,244)
```
#f4f95a
```
#f4f95a rgb(244,249,90)
```

Triadic Color

#5f5af9
```
#5f5af9 rgb(95,90,249)
```
#f95af4
```
#f95af4 rgb(249,90,244)
```
#f4f95a
```
#f4f95a rgb(244,249,90)
```
#5af95f
```
#5af95f rgb(90,249,95)
```

Tetradic Color

#f610ef
```
#f610ef rgb(246,16,239)
```
#f729f1
```
#f729f1 rgb(247,41,241)
```
#f841f2
```
#f841f2 rgb(248,65,242)
```
#f95af4
```
#f95af4 rgb(249,90,244)
```
#fa73f6
```
#fa73f6 rgb(250,115,246)
```
#fb8bf7
```
#fb8bf7 rgb(251,139,247)
```
#fca4f9
```
#fca4f9 rgb(252,164,249)
```

Monochromatic Color

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

#d65af9
```
#d65af9 rgb(214,90,249)
```
#e45af9
```
#e45af9 rgb(228,90,249)
```
#f15af9
```
#f15af9 rgb(241,90,249)
```
#f95af4
```
#f95af4 rgb(249,90,244)
```
#f95ae7
```
#f95ae7 rgb(249,90,231)
```
#f95ada
```
#f95ada rgb(249,90,218)
```
#f95acc
```
#f95acc rgb(249,90,204)
```

Similar Colors

Text with hexadecimal color #f95af4

This text has a font color of #f95af4.

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

#f95af4 background color

This paragraph has a background color of #f95af4.

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

#f95af4 border color

This element has a border color of #f95af4.

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

CSS codes

.text {color:#f95af4;}

.background {background-color:#f95af4;}

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

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 #fff1fe is the lightest one.

#050005
```
#050005 rgb(5,0,5)
```
#180118
```
#180118 rgb(24,1,24)
```
#2b022a
```
#2b022a rgb(43,2,42)
```
#3e023c
```
#3e023c rgb(62,2,60)
```
#51034f
```
#51034f rgb(81,3,79)
```
#640461
```
#640461 rgb(100,4,97)
```
#770473
```
#770473 rgb(119,4,115)
```
#8a0586
```
#8a0586 rgb(138,5,134)
```
#9d0698
```
#9d0698 rgb(157,6,152)
```
#b006aa
```
#b006aa rgb(176,6,170)
```
#c307bd
```
#c307bd rgb(195,7,189)
```
#d608cf
```
#d608cf rgb(214,8,207)
```
#e808e1
```
#e808e1 rgb(232,8,225)
```

Shade Color Variation

#f60eef
```
#f60eef rgb(246,14,239)
```
#f721f0
```
#f721f0 rgb(247,33,240)
```
#f834f1
```
#f834f1 rgb(248,52,241)
```
#f847f3
```
#f847f3 rgb(248,71,243)
```
#f95af4
```
#f95af4 rgb(249,90,244)
```
#fa6df5
```
#fa6df5 rgb(250,109,245)
```
#fa80f7
```
#fa80f7 rgb(250,128,247)
```
#fb93f8
```
#fb93f8 rgb(251,147,248)
```
#fca6f9
```
#fca6f9 rgb(252,166,249)
```
#fcb9fa
```
#fcb9fa rgb(252,185,250)
```
#fdccfc
```
#fdccfc rgb(253,204,252)
```
#fedefd
```
#fedefd rgb(254,222,253)
```
#fff1fe
```
#fff1fe rgb(255,241,254)
```

Tint Color Variation

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

#aaa9aa
```
#aaa9aa rgb(170,169,170)
```
#b1a2b0
```
#b1a2b0 rgb(177,162,176)
```
#b79cb6
```
#b79cb6 rgb(183,156,182)
```
#be95bd
```
#be95bd rgb(190,149,189)
```
#c48fc3
```
#c48fc3 rgb(196,143,195)
```
#cb88c9
```
#cb88c9 rgb(203,136,201)
```
#d281cf
```
#d281cf rgb(210,129,207)
```
#d87bd5
```
#d87bd5 rgb(216,123,213)
```
#df74db
```
#df74db rgb(223,116,219)
```
#e56ee2
```
#e56ee2 rgb(229,110,226)
```
#ec67e8
```
#ec67e8 rgb(236,103,232)
```
#f261ee
```
#f261ee rgb(242,97,238)
```
#f95af4
```
#f95af4 rgb(249,90,244)
```

Tone Color Variation

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

#779fff Protanopia 1% of men
#86a1e3 Deuteranopia 1% of men
#eb838c Tritanopia 0.001% of the population

Trichromacy

#a686fb Protanomaly 1% of men, 0.01% of women
#b087e9 Deuteranomaly 6% of men, 0.4% of women
#f074b1 Tritanomaly 0.01% of the population

#f95af4 hex color

#f95af4 Color Information

#f95af4 Color Conversion

Color Schemes with #f95af4

Alternatives to #f95af4

#f95af4 Preview

Shades and Tints of #f95af4

Tones of #f95af4

Color Blindness Simulator