#f2a8f4 hex color

In a RGB color space, hex #f2a8f4 is composed of 94.9% red, 65.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 31.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 298.4 degrees, a saturation of 77.6% and a lightness of 80.8%. #f2a8f4 color hex could be obtained by blending #ffffff with #e551e9. Closest websafe color is: #ff99ff.

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

● #f2a8f4 color description : Very soft magenta.

The hexadecimal color #f2a8f4 has RGB values of R:242, G:168, B:244 and CMYK values of C:0.01, M:0.31, Y:0, K:0.04. Its decimal value is 15902964.

Hex triplet	f2a8f4	`#f2a8f4`
RGB Decimal	242, 168, 244	`rgb(242,168,244)`
RGB Percent	94.9, 65.9, 95.7	`rgb(94.9%,65.9%,95.7%)`
CMYK	1, 31, 0, 4
HSL	298.4°, 77.6, 80.8	`hsl(298.4,77.6%,80.8%)`
HSV (or HSB)	298.4°, 31.1, 95.7
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	78.12, 39.183, -27.052
XYZ	66.948, 53.416, 92.367
xyY	0.315, 0.251, 53.416
CIE-LCH	78.12, 47.614, 325.378
CIE-LUV	78.12, 36.539, -49.334
Hunter-Lab	73.086, 35.606, -23.77
Binary	11110010, 10101000, 11110100

#f2a8f4
```
#f2a8f4 rgb(242,168,244)
```
#aaf4a8
```
#aaf4a8 rgb(170,244,168)
```

Complementary Color

#cca8f4
```
#cca8f4 rgb(204,168,244)
```
#f2a8f4
```
#f2a8f4 rgb(242,168,244)
```
#f4a8d0
```
#f4a8d0 rgb(244,168,208)
```

Analogous Color

#a8f4cc
```
#a8f4cc rgb(168,244,204)
```
#f2a8f4
```
#f2a8f4 rgb(242,168,244)
```
#d0f4a8
```
#d0f4a8 rgb(208,244,168)
```

Split Complementary Color

#a8f4f2
```
#a8f4f2 rgb(168,244,242)
```
#f2a8f4
```
#f2a8f4 rgb(242,168,244)
```
#f4f2a8
```
#f4f2a8 rgb(244,242,168)
```

Triadic Color

#a8aaf4
```
#a8aaf4 rgb(168,170,244)
```
#f2a8f4
```
#f2a8f4 rgb(242,168,244)
```
#f4f2a8
```
#f4f2a8 rgb(244,242,168)
```
#aaf4a8
```
#aaf4a8 rgb(170,244,168)
```

Tetradic Color

#e864eb
```
#e864eb rgb(232,100,235)
```
#eb7bee
```
#eb7bee rgb(235,123,238)
```
#ef91f1
```
#ef91f1 rgb(239,145,241)
```
#f2a8f4
```
#f2a8f4 rgb(242,168,244)
```
#f5bff7
```
#f5bff7 rgb(245,191,247)
```
#f9d5fa
```
#f9d5fa rgb(249,213,250)
```
#fcecfd
```
#fcecfd rgb(252,236,253)
```

Monochromatic Color

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

#dfa8f4
```
#dfa8f4 rgb(223,168,244)
```
#e5a8f4
```
#e5a8f4 rgb(229,168,244)
```
#eca8f4
```
#eca8f4 rgb(236,168,244)
```
#f2a8f4
```
#f2a8f4 rgb(242,168,244)
```
#f4a8f0
```
#f4a8f0 rgb(244,168,240)
```
#f4a8e9
```
#f4a8e9 rgb(244,168,233)
```
#f4a8e3
```
#f4a8e3 rgb(244,168,227)
```

Similar Colors

Text with hexadecimal color #f2a8f4

This text has a font color of #f2a8f4.

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

#f2a8f4 background color

This paragraph has a background color of #f2a8f4.

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

#f2a8f4 border color

This element has a border color of #f2a8f4.

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

CSS codes

.text {color:#f2a8f4;}

.background {background-color:#f2a8f4;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#110211
```
#110211 rgb(17,2,17)
```
#220423
```
#220423 rgb(34,4,35)
```
#330734
```
#330734 rgb(51,7,52)
```
#440946
```
#440946 rgb(68,9,70)
```
#550b57
```
#550b57 rgb(85,11,87)
```
#660d69
```
#660d69 rgb(102,13,105)
```
#770f7a
```
#770f7a rgb(119,15,122)
```
#88128b
```
#88128b rgb(136,18,139)
```
#99149d
```
#99149d rgb(153,20,157)
```
#aa16ae
```
#aa16ae rgb(170,22,174)
```
#bb18c0
```
#bb18c0 rgb(187,24,192)
```
#cc1ad1
```
#cc1ad1 rgb(204,26,209)
```

Shade Color Variation

#dd1de2
```
#dd1de2 rgb(221,29,226)
```
#e02ee5
```
#e02ee5 rgb(224,46,229)
```
#e240e7
```
#e240e7 rgb(226,64,231)
```
#e551e9
```
#e551e9 rgb(229,81,233)
```
#e862eb
```
#e862eb rgb(232,98,235)
```
#ea74ed
```
#ea74ed rgb(234,116,237)
```
#ed85f0
```
#ed85f0 rgb(237,133,240)
```
#ef97f2
```
#ef97f2 rgb(239,151,242)
```
#f2a8f4
```
#f2a8f4 rgb(242,168,244)
```
#f5b9f6
```
#f5b9f6 rgb(245,185,246)
```
#f7cbf8
```
#f7cbf8 rgb(247,203,248)
```
#fadcfb
```
#fadcfb rgb(250,220,251)
```
#fceefd
```
#fceefd rgb(252,238,253)
```

Tint Color Variation

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

#cecece
```
#cecece rgb(206,206,206)
```
#d2cad2
```
#d2cad2 rgb(210,202,210)
```
#d5c6d6
```
#d5c6d6 rgb(213,198,214)
```
#d9c2da
```
#d9c2da rgb(217,194,218)
```
#ddbfdd
```
#ddbfdd rgb(221,191,221)
```
#e0bbe1
```
#e0bbe1 rgb(224,187,225)
```
#e4b7e5
```
#e4b7e5 rgb(228,183,229)
```
#e7b3e9
```
#e7b3e9 rgb(231,179,233)
```
#ebb0ec
```
#ebb0ec rgb(235,176,236)
```
#eeacf0
```
#eeacf0 rgb(238,172,240)
```
#f2a8f4
```
#f2a8f4 rgb(242,168,244)
```
#f6a4f8
```
#f6a4f8 rgb(246,164,248)
```
#f9a0fc
```
#f9a0fc rgb(249,160,252)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#d0c1d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2c2ff Protanopia 1% of men
#c0c0ee Deuteranopia 1% of men
#eab6c3 Tritanopia 0.001% of the population

Trichromacy

#c9b8fb Protanomaly 1% of men, 0.01% of women
#d2b7f0 Deuteranomaly 6% of men, 0.4% of women
#edb1d5 Tritanomaly 0.01% of the population

#f2a8f4 hex color

#f2a8f4 Color Information

#f2a8f4 Color Conversion

Color Schemes with #f2a8f4

Alternatives to #f2a8f4

#f2a8f4 Preview

Shades and Tints of #f2a8f4

Tones of #f2a8f4

Color Blindness Simulator