#f5a2e1 hex color

In a RGB color space, hex #f5a2e1 is composed of 96.1% red, 63.5% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.9% magenta, 8.2% yellow and 3.9% black. It has a hue angle of 314.5 degrees, a saturation of 80.6% and a lightness of 79.8%. #f5a2e1 color hex could be obtained by blending #ffffff with #eb45c3. Closest websafe color is: #ff99cc.

♥
- f
- t
- g
- R 96
- G 64
- B 88
RGB color chart
- C 0
- M 34
- Y 8
- K 4
CMYK color chart

● #f5a2e1 color description : Very soft magenta.

The hexadecimal color #f5a2e1 has RGB values of R:245, G:162, B:225 and CMYK values of C:0, M:0.34, Y:0.08, K:0.04. Its decimal value is 16098017.

Hex triplet	f5a2e1	`#f5a2e1`
RGB Decimal	245, 162, 225	`rgb(245,162,225)`
RGB Percent	96.1, 63.5, 88.2	`rgb(96.1%,63.5%,88.2%)`
CMYK	0, 34, 8, 4
HSL	314.5°, 80.6, 79.8	`hsl(314.5,80.6%,79.8%)`
HSV (or HSB)	314.5°, 33.9, 96.1
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	76.492, 39.951, -19.205
XYZ	64.166, 50.692, 77.635
xyY	0.333, 0.263, 50.692
CIE-LCH	76.492, 44.328, 334.325
CIE-LUV	76.492, 44.628, -36.688
Hunter-Lab	71.198, 36.272, -14.811
Binary	11110101, 10100010, 11100001

#f5a2e1
```
#f5a2e1 rgb(245,162,225)
```
#a2f5b6
```
#a2f5b6 rgb(162,245,182)
```

Complementary Color

#e0a2f5
```
#e0a2f5 rgb(224,162,245)
```
#f5a2e1
```
#f5a2e1 rgb(245,162,225)
```
#f5a2b8
```
#f5a2b8 rgb(245,162,184)
```

Analogous Color

#a2f5e0
```
#a2f5e0 rgb(162,245,224)
```
#f5a2e1
```
#f5a2e1 rgb(245,162,225)
```
#b8f5a2
```
#b8f5a2 rgb(184,245,162)
```

Split Complementary Color

#a2e1f5
```
#a2e1f5 rgb(162,225,245)
```
#f5a2e1
```
#f5a2e1 rgb(245,162,225)
```
#e1f5a2
```
#e1f5a2 rgb(225,245,162)
```

Triadic Color

#b6a2f5
```
#b6a2f5 rgb(182,162,245)
```
#f5a2e1
```
#f5a2e1 rgb(245,162,225)
```
#e1f5a2
```
#e1f5a2 rgb(225,245,162)
```
#a2f5b6
```
#a2f5b6 rgb(162,245,182)
```

Tetradic Color

#ee5dcb
```
#ee5dcb rgb(238,93,203)
```
#f074d2
```
#f074d2 rgb(240,116,210)
```
#f38bda
```
#f38bda rgb(243,139,218)
```
#f5a2e1
```
#f5a2e1 rgb(245,162,225)
```
#f7b9e8
```
#f7b9e8 rgb(247,185,232)
```
#fad0f0
```
#fad0f0 rgb(250,208,240)
```
#fce7f7
```
#fce7f7 rgb(252,231,247)
```

Monochromatic Color

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

#f4a2f5
```
#f4a2f5 rgb(244,162,245)
```
#f5a2ef
```
#f5a2ef rgb(245,162,239)
```
#f5a2e8
```
#f5a2e8 rgb(245,162,232)
```
#f5a2e1
```
#f5a2e1 rgb(245,162,225)
```
#f5a2da
```
#f5a2da rgb(245,162,218)
```
#f5a2d3
```
#f5a2d3 rgb(245,162,211)
```
#f5a2cc
```
#f5a2cc rgb(245,162,204)
```

Similar Colors

Text with hexadecimal color #f5a2e1

This text has a font color of #f5a2e1.

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

#f5a2e1 background color

This paragraph has a background color of #f5a2e1.

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

#f5a2e1 border color

This element has a border color of #f5a2e1.

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

CSS codes

.text {color:#f5a2e1;}

.background {background-color:#f5a2e1;}

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

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, #0d010a is the darkest color, while #fffbfe is the lightest one.

#0d010a
```
#0d010a rgb(13,1,10)
```
#1f0318
```
#1f0318 rgb(31,3,24)
```
#310526
```
#310526 rgb(49,5,38)
```
#420734
```
#420734 rgb(66,7,52)
```
#540942
```
#540942 rgb(84,9,66)
```
#660b50
```
#660b50 rgb(102,11,80)
```
#780d5e
```
#780d5e rgb(120,13,94)
```
#890f6c
```
#890f6c rgb(137,15,108)
```
#9b117a
```
#9b117a rgb(155,17,122)
```
#ad1388
```
#ad1388 rgb(173,19,136)
```
#be1495
```
#be1495 rgb(190,20,149)
```
#d016a3
```
#d016a3 rgb(208,22,163)
```
#e218b1
```
#e218b1 rgb(226,24,177)
```

Shade Color Variation

#e826b9
```
#e826b9 rgb(232,38,185)
```
#ea38bf
```
#ea38bf rgb(234,56,191)
```
#eb49c4
```
#eb49c4 rgb(235,73,196)
```
#ed5bca
```
#ed5bca rgb(237,91,202)
```
#ef6dd0
```
#ef6dd0 rgb(239,109,208)
```
#f17fd6
```
#f17fd6 rgb(241,127,214)
```
#f390db
```
#f390db rgb(243,144,219)
```
#f5a2e1
```
#f5a2e1 rgb(245,162,225)
```
#f7b4e7
```
#f7b4e7 rgb(247,180,231)
```
#f9c5ec
```
#f9c5ec rgb(249,197,236)
```
#fbd7f2
```
#fbd7f2 rgb(251,215,242)
```
#fde9f8
```
#fde9f8 rgb(253,233,248)
```
#fffbfe
```
#fffbfe rgb(255,251,254)
```

Tint Color Variation

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

#cdcacc
```
#cdcacc rgb(205,202,204)
```
#d1c6cf
```
#d1c6cf rgb(209,198,207)
```
#d5c2d1
```
#d5c2d1 rgb(213,194,209)
```
#d9bed3
```
#d9bed3 rgb(217,190,211)
```
#ddbad5
```
#ddbad5 rgb(221,186,213)
```
#e1b6d7
```
#e1b6d7 rgb(225,182,215)
```
#e5b2d9
```
#e5b2d9 rgb(229,178,217)
```
#e9aedb
```
#e9aedb rgb(233,174,219)
```
#edaadd
```
#edaadd rgb(237,170,221)
```
#f1a6df
```
#f1a6df rgb(241,166,223)
```
#f5a2e1
```
#f5a2e1 rgb(245,162,225)
```
#f99ee3
```
#f99ee3 rgb(249,158,227)
```
#fd9ae5
```
#fd9ae5 rgb(253,154,229)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#ccbcc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bef1 Protanopia 1% of men
#c3bbdc Deuteranopia 1% of men
#efaeba Tritanopia 0.001% of the population

Trichromacy

#cab3eb Protanomaly 1% of men, 0.01% of women
#d5b2dd Deuteranomaly 6% of men, 0.4% of women
#f1aac8 Tritanomaly 0.01% of the population

#f5a2e1 hex color

#f5a2e1 Color Information

#f5a2e1 Color Conversion

Color Schemes with #f5a2e1

Alternatives to #f5a2e1

#f5a2e1 Preview

Shades and Tints of #f5a2e1

Tones of #f5a2e1

Color Blindness Simulator