#f5a7e2 hex color

In a RGB color space, hex #f5a7e2 is composed of 96.1% red, 65.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.8% magenta, 7.8% yellow and 3.9% black. It has a hue angle of 314.6 degrees, a saturation of 79.6% and a lightness of 80.8%. #f5a7e2 color hex could be obtained by blending #ffffff with #eb4fc5. Closest websafe color is: #ff99cc.

♥
- f
- t
- g
- R 96
- G 65
- B 89
RGB color chart
- C 0
- M 32
- Y 8
- K 4
CMYK color chart

● #f5a7e2 color description : Very soft magenta.

The hexadecimal color #f5a7e2 has RGB values of R:245, G:167, B:226 and CMYK values of C:0, M:0.32, Y:0.08, K:0.04. Its decimal value is 16099298.

Hex triplet	f5a7e2	`#f5a7e2`
RGB Decimal	245, 167, 226	`rgb(245,167,226)`
RGB Percent	96.1, 65.5, 88.6	`rgb(96.1%,65.5%,88.6%)`
CMYK	0, 32, 8, 4
HSL	314.6°, 79.6, 80.8	`hsl(314.6,79.6%,80.8%)`
HSV (or HSB)	314.6°, 31.8, 96.1
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	77.605, 37.502, -18.066
XYZ	65.201, 52.543, 78.655
xyY	0.332, 0.268, 52.543
CIE-LCH	77.605, 41.626, 334.278
CIE-LUV	77.605, 41.949, -34.523
Hunter-Lab	72.487, 33.707, -13.594
Binary	11110101, 10100111, 11100010

#f5a7e2
```
#f5a7e2 rgb(245,167,226)
```
#a7f5ba
```
#a7f5ba rgb(167,245,186)
```

Complementary Color

#e1a7f5
```
#e1a7f5 rgb(225,167,245)
```
#f5a7e2
```
#f5a7e2 rgb(245,167,226)
```
#f5a7bb
```
#f5a7bb rgb(245,167,187)
```

Analogous Color

#a7f5e1
```
#a7f5e1 rgb(167,245,225)
```
#f5a7e2
```
#f5a7e2 rgb(245,167,226)
```
#bbf5a7
```
#bbf5a7 rgb(187,245,167)
```

Split Complementary Color

#a7e2f5
```
#a7e2f5 rgb(167,226,245)
```
#f5a7e2
```
#f5a7e2 rgb(245,167,226)
```
#e2f5a7
```
#e2f5a7 rgb(226,245,167)
```

Triadic Color

#baa7f5
```
#baa7f5 rgb(186,167,245)
```
#f5a7e2
```
#f5a7e2 rgb(245,167,226)
```
#e2f5a7
```
#e2f5a7 rgb(226,245,167)
```
#a7f5ba
```
#a7f5ba rgb(167,245,186)
```

Tetradic Color

#ed62cb
```
#ed62cb rgb(237,98,203)
```
#f079d3
```
#f079d3 rgb(240,121,211)
```
#f290da
```
#f290da rgb(242,144,218)
```
#f5a7e2
```
#f5a7e2 rgb(245,167,226)
```
#f8beea
```
#f8beea rgb(248,190,234)
```
#fad5f1
```
#fad5f1 rgb(250,213,241)
```
#fdecf9
```
#fdecf9 rgb(253,236,249)
```

Monochromatic Color

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

#f5a7f5
```
#f5a7f5 rgb(245,167,245)
```
#f5a7ef
```
#f5a7ef rgb(245,167,239)
```
#f5a7e9
```
#f5a7e9 rgb(245,167,233)
```
#f5a7e2
```
#f5a7e2 rgb(245,167,226)
```
#f5a7dc
```
#f5a7dc rgb(245,167,220)
```
#f5a7d5
```
#f5a7d5 rgb(245,167,213)
```
#f5a7cf
```
#f5a7cf rgb(245,167,207)
```

Similar Colors

Text with hexadecimal color #f5a7e2

This text has a font color of #f5a7e2.

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

#f5a7e2 background color

This paragraph has a background color of #f5a7e2.

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

#f5a7e2 border color

This element has a border color of #f5a7e2.

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

CSS codes

.text {color:#f5a7e2;}

.background {background-color:#f5a7e2;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#12020e
```
#12020e rgb(18,2,14)
```
#23041c
```
#23041c rgb(35,4,28)
```
#350629
```
#350629 rgb(53,6,41)
```
#470837
```
#470837 rgb(71,8,55)
```
#580a45
```
#580a45 rgb(88,10,69)
```
#6a0c53
```
#6a0c53 rgb(106,12,83)
```
#7b0e61
```
#7b0e61 rgb(123,14,97)
```
#8d106f
```
#8d106f rgb(141,16,111)
```
#9f127c
```
#9f127c rgb(159,18,124)
```
#b0148a
```
#b0148a rgb(176,20,138)
```
#c21698
```
#c21698 rgb(194,22,152)
```
#d318a6
```
#d318a6 rgb(211,24,166)
```

Shade Color Variation

#e51ab4
```
#e51ab4 rgb(229,26,180)
```
#e72cb9
```
#e72cb9 rgb(231,44,185)
```
#e93dbf
```
#e93dbf rgb(233,61,191)
```
#eb4fc5
```
#eb4fc5 rgb(235,79,197)
```
#ed61cb
```
#ed61cb rgb(237,97,203)
```
#ef72d1
```
#ef72d1 rgb(239,114,209)
```
#f184d6
```
#f184d6 rgb(241,132,214)
```
#f395dc
```
#f395dc rgb(243,149,220)
```
#f5a7e2
```
#f5a7e2 rgb(245,167,226)
```
#f7b9e8
```
#f7b9e8 rgb(247,185,232)
```
#f9caee
```
#f9caee rgb(249,202,238)
```
#fbdcf3
```
#fbdcf3 rgb(251,220,243)
```
#fdedf9
```
#fdedf9 rgb(253,237,249)
```

Tint Color Variation

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

#cfcdcf
```
#cfcdcf rgb(207,205,207)
```
#d3c9d1
```
#d3c9d1 rgb(211,201,209)
```
#d7c5d3
```
#d7c5d3 rgb(215,197,211)
```
#dbc1d4
```
#dbc1d4 rgb(219,193,212)
```
#debed6
```
#debed6 rgb(222,190,214)
```
#e2bad8
```
#e2bad8 rgb(226,186,216)
```
#e6b6da
```
#e6b6da rgb(230,182,218)
```
#eab2dc
```
#eab2dc rgb(234,178,220)
```
#edafde
```
#edafde rgb(237,175,222)
```
#f1abe0
```
#f1abe0 rgb(241,171,224)
```
#f5a7e2
```
#f5a7e2 rgb(245,167,226)
```
#f9a3e4
```
#f9a3e4 rgb(249,163,228)
```
#fd9fe6
```
#fd9fe6 rgb(253,159,230)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#cfbfcb Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6c1f0 Protanopia 1% of men
#c7bedd Deuteranopia 1% of men
#f0b2bf Tritanopia 0.001% of the population

Trichromacy

#cdb7eb Protanomaly 1% of men, 0.01% of women
#d8b5df Deuteranomaly 6% of men, 0.4% of women
#f2aecb Tritanomaly 0.01% of the population

#f5a7e2 hex color

#f5a7e2 Color Information

#f5a7e2 Color Conversion

Color Schemes with #f5a7e2

Alternatives to #f5a7e2

#f5a7e2 Preview

Shades and Tints of #f5a7e2

Tones of #f5a7e2

Color Blindness Simulator