#f5a5f2 hex color

In a RGB color space, hex #f5a5f2 is composed of 96.1% red, 64.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.7% magenta, 1.2% yellow and 3.9% black. It has a hue angle of 302.3 degrees, a saturation of 80% and a lightness of 80.4%. #f5a5f2 color hex could be obtained by blending #ffffff with #eb4be5. Closest websafe color is: #ff99ff.

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

● #f5a5f2 color description : Very soft magenta.

The hexadecimal color #f5a5f2 has RGB values of R:245, G:165, B:242 and CMYK values of C:0, M:0.33, Y:0.01, K:0.04. Its decimal value is 16098802.

Hex triplet	f5a5f2	`#f5a5f2`
RGB Decimal	245, 165, 242	`rgb(245,165,242)`
RGB Percent	96.1, 64.7, 94.9	`rgb(96.1%,64.7%,94.9%)`
CMYK	0, 33, 1, 4
HSL	302.3°, 80, 80.4	`hsl(302.3,80%,80.4%)`
HSV (or HSB)	302.3°, 32.7, 96.1
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	77.719, 41.33, -26.558
XYZ	67.137, 52.736, 90.642
xyY	0.319, 0.251, 52.736
CIE-LCH	77.719, 49.128, 327.276
CIE-LUV	77.719, 40.202, -48.854
Hunter-Lab	72.619, 37.939, -23.171
Binary	11110101, 10100101, 11110010

#f5a5f2
```
#f5a5f2 rgb(245,165,242)
```
#a5f5a8
```
#a5f5a8 rgb(165,245,168)
```

Complementary Color

#d0a5f5
```
#d0a5f5 rgb(208,165,245)
```
#f5a5f2
```
#f5a5f2 rgb(245,165,242)
```
#f5a5ca
```
#f5a5ca rgb(245,165,202)
```

Analogous Color

#a5f5d0
```
#a5f5d0 rgb(165,245,208)
```
#f5a5f2
```
#f5a5f2 rgb(245,165,242)
```
#caf5a5
```
#caf5a5 rgb(202,245,165)
```

Split Complementary Color

#a5f2f5
```
#a5f2f5 rgb(165,242,245)
```
#f5a5f2
```
#f5a5f2 rgb(245,165,242)
```
#f2f5a5
```
#f2f5a5 rgb(242,245,165)
```

Triadic Color

#a8a5f5
```
#a8a5f5 rgb(168,165,245)
```
#f5a5f2
```
#f5a5f2 rgb(245,165,242)
```
#f2f5a5
```
#f2f5a5 rgb(242,245,165)
```
#a5f5a8
```
#a5f5a8 rgb(165,245,168)
```

Tetradic Color

#ed60e8
```
#ed60e8 rgb(237,96,232)
```
#f077eb
```
#f077eb rgb(240,119,235)
```
#f28eef
```
#f28eef rgb(242,142,239)
```
#f5a5f2
```
#f5a5f2 rgb(245,165,242)
```
#f8bcf5
```
#f8bcf5 rgb(248,188,245)
```
#fad3f9
```
#fad3f9 rgb(250,211,249)
```
#fdeafc
```
#fdeafc rgb(253,234,252)
```

Monochromatic Color

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

#e4a5f5
```
#e4a5f5 rgb(228,165,245)
```
#eba5f5
```
#eba5f5 rgb(235,165,245)
```
#f1a5f5
```
#f1a5f5 rgb(241,165,245)
```
#f5a5f2
```
#f5a5f2 rgb(245,165,242)
```
#f5a5eb
```
#f5a5eb rgb(245,165,235)
```
#f5a5e5
```
#f5a5e5 rgb(245,165,229)
```
#f5a5de
```
#f5a5de rgb(245,165,222)
```

Similar Colors

Text with hexadecimal color #f5a5f2

This text has a font color of #f5a5f2.

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

#f5a5f2 background color

This paragraph has a background color of #f5a5f2.

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

#f5a5f2 border color

This element has a border color of #f5a5f2.

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

CSS codes

.text {color:#f5a5f2;}

.background {background-color:#f5a5f2;}

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

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, #10020f is the darkest color, while #fffdff is the lightest one.

#10020f
```
#10020f rgb(16,2,15)
```
#220420
```
#220420 rgb(34,4,32)
```
#330632
```
#330632 rgb(51,6,50)
```
#450843
```
#450843 rgb(69,8,67)
```
#570a54
```
#570a54 rgb(87,10,84)
```
#680c65
```
#680c65 rgb(104,12,101)
```
#7a0e76
```
#7a0e76 rgb(122,14,118)
```
#8c1087
```
#8c1087 rgb(140,16,135)
```
#9d1198
```
#9d1198 rgb(157,17,152)
```
#af13a9
```
#af13a9 rgb(175,19,169)
```
#c015ba
```
#c015ba rgb(192,21,186)
```
#d217cb
```
#d217cb rgb(210,23,203)
```
#e419dc
```
#e419dc rgb(228,25,220)
```

Shade Color Variation

#e729e0
```
#e729e0 rgb(231,41,224)
```
#e93be3
```
#e93be3 rgb(233,59,227)
```
#eb4de5
```
#eb4de5 rgb(235,77,229)
```
#ed5ee8
```
#ed5ee8 rgb(237,94,232)
```
#ef70ea
```
#ef70ea rgb(239,112,234)
```
#f182ed
```
#f182ed rgb(241,130,237)
```
#f393ef
```
#f393ef rgb(243,147,239)
```
#f5a5f2
```
#f5a5f2 rgb(245,165,242)
```
#f7b7f5
```
#f7b7f5 rgb(247,183,245)
```
#f9c8f7
```
#f9c8f7 rgb(249,200,247)
```
#fbdafa
```
#fbdafa rgb(251,218,250)
```
#fdecfc
```
#fdecfc rgb(253,236,252)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#cfcbce
```
#cfcbce rgb(207,203,206)
```
#d2c8d2
```
#d2c8d2 rgb(210,200,210)
```
#d6c4d6
```
#d6c4d6 rgb(214,196,214)
```
#dac0d9
```
#dac0d9 rgb(218,192,217)
```
#debcdd
```
#debcdd rgb(222,188,221)
```
#e2b8e0
```
#e2b8e0 rgb(226,184,224)
```
#e6b4e4
```
#e6b4e4 rgb(230,180,228)
```
#e9b1e7
```
#e9b1e7 rgb(233,177,231)
```
#edadeb
```
#edadeb rgb(237,173,235)
```
#f1a9ee
```
#f1a9ee rgb(241,169,238)
```
#f5a5f2
```
#f5a5f2 rgb(245,165,242)
```
#f9a1f6
```
#f9a1f6 rgb(249,161,246)
```
#fd9df9
```
#fd9df9 rgb(253,157,249)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#cfbfcf Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0c1ff Protanopia 1% of men
#bfbfeb Deuteranopia 1% of men
#edb4c0 Tritanopia 0.001% of the population

Trichromacy

#c9b6fa Protanomaly 1% of men, 0.01% of women
#d3b5ee Deuteranomaly 6% of men, 0.4% of women
#f0aed2 Tritanomaly 0.01% of the population

#f5a5f2 hex color

#f5a5f2 Color Information

#f5a5f2 Color Conversion

Color Schemes with #f5a5f2

Alternatives to #f5a5f2

#f5a5f2 Preview

Shades and Tints of #f5a5f2

Tones of #f5a5f2

Color Blindness Simulator