#f580aa hex color

In a RGB color space, hex #f580aa is composed of 96.1% red, 50.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.8% magenta, 30.6% yellow and 3.9% black. It has a hue angle of 338.5 degrees, a saturation of 85.4% and a lightness of 73.1%. #f580aa color hex could be obtained by blending #ffffff with #eb0155. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 96
- G 50
- B 67
RGB color chart
- C 0
- M 48
- Y 31
- K 4
CMYK color chart

● #f580aa color description : Soft pink.

The hexadecimal color #f580aa has RGB values of R:245, G:128, B:170 and CMYK values of C:0, M:0.48, Y:0.31, K:0.04. Its decimal value is 16089258.

Hex triplet	f580aa	`#f580aa`
RGB Decimal	245, 128, 170	`rgb(245,128,170)`
RGB Percent	96.1, 50.2, 66.7	`rgb(96.1%,50.2%,66.7%)`
CMYK	0, 48, 31, 4
HSL	338.5°, 85.4, 73.1	`hsl(338.5,85.4%,73.1%)`
HSV (or HSB)	338.5°, 47.8, 96.1
Web Safe	ff9999	`#ff9999`

CIE-LAB	67.841, 49.204, -1.661
XYZ	52.631, 37.757, 42.544
xyY	0.396, 0.284, 37.757
CIE-LCH	67.841, 49.232, 358.067
CIE-LUV	67.841, 74.2, -11.642
Hunter-Lab	61.447, 45.361, 1.962
Binary	11110101, 10000000, 10101010

#f580aa
```
#f580aa rgb(245,128,170)
```
#80f5cb
```
#80f5cb rgb(128,245,203)
```

Complementary Color

#f580e5
```
#f580e5 rgb(245,128,229)
```
#f580aa
```
#f580aa rgb(245,128,170)
```
#f59180
```
#f59180 rgb(245,145,128)
```

Analogous Color

#80e5f5
```
#80e5f5 rgb(128,229,245)
```
#f580aa
```
#f580aa rgb(245,128,170)
```
#80f591
```
#80f591 rgb(128,245,145)
```

Split Complementary Color

#80aaf5
```
#80aaf5 rgb(128,170,245)
```
#f580aa
```
#f580aa rgb(245,128,170)
```
#aaf580
```
#aaf580 rgb(170,245,128)
```

Triadic Color

#cb80f5
```
#cb80f5 rgb(203,128,245)
```
#f580aa
```
#f580aa rgb(245,128,170)
```
#aaf580
```
#aaf580 rgb(170,245,128)
```
#80f5cb
```
#80f5cb rgb(128,245,203)
```

Tetradic Color

#ef397b
```
#ef397b rgb(239,57,123)
```
#f1518a
```
#f1518a rgb(241,81,138)
```
#f3689a
```
#f3689a rgb(243,104,154)
```
#f580aa
```
#f580aa rgb(245,128,170)
```
#f798ba
```
#f798ba rgb(247,152,186)
```
#f9afca
```
#f9afca rgb(249,175,202)
```
#fbc7d9
```
#fbc7d9 rgb(251,199,217)
```

Monochromatic Color

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

#f580c7
```
#f580c7 rgb(245,128,199)
```
#f580be
```
#f580be rgb(245,128,190)
```
#f580b4
```
#f580b4 rgb(245,128,180)
```
#f580aa
```
#f580aa rgb(245,128,170)
```
#f580a0
```
#f580a0 rgb(245,128,160)
```
#f58097
```
#f58097 rgb(245,128,151)
```
#f5808d
```
#f5808d rgb(245,128,141)
```

Similar Colors

Text with hexadecimal color #f580aa

This text has a font color of #f580aa.

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

#f580aa background color

This paragraph has a background color of #f580aa.

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

#f580aa border color

This element has a border color of #f580aa.

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

CSS codes

.text {color:#f580aa;}

.background {background-color:#f580aa;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#120108
```
#120108 rgb(18,1,8)
```
#25030f
```
#25030f rgb(37,3,15)
```
#370416
```
#370416 rgb(55,4,22)
```
#49061e
```
#49061e rgb(73,6,30)
```
#5b0725
```
#5b0725 rgb(91,7,37)
```
#6d092d
```
#6d092d rgb(109,9,45)
```
#800a34
```
#800a34 rgb(128,10,52)
```
#920b3c
```
#920b3c rgb(146,11,60)
```
#a40d43
```
#a40d43 rgb(164,13,67)
```
#b60e4b
```
#b60e4b rgb(182,14,75)
```
#c81052
```
#c81052 rgb(200,16,82)
```
#da1159
```
#da1159 rgb(218,17,89)
```

Shade Color Variation

#ec1361
```
#ec1361 rgb(236,19,97)
```
#ee256d
```
#ee256d rgb(238,37,109)
```
#ef3779
```
#ef3779 rgb(239,55,121)
```
#f14985
```
#f14985 rgb(241,73,133)
```
#f25c92
```
#f25c92 rgb(242,92,146)
```
#f46e9e
```
#f46e9e rgb(244,110,158)
```
#f580aa
```
#f580aa rgb(245,128,170)
```
#f692b6
```
#f692b6 rgb(246,146,182)
```
#f8a4c2
```
#f8a4c2 rgb(248,164,194)
```
#f9b7cf
```
#f9b7cf rgb(249,183,207)
```
#fbc9db
```
#fbc9db rgb(251,201,219)
```
#fcdbe7
```
#fcdbe7 rgb(252,219,231)
```
#feedf3
```
#feedf3 rgb(254,237,243)
```

Tint Color Variation

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

#bbbaba
```
#bbbaba rgb(187,186,186)
```
#c0b5b9
```
#c0b5b9 rgb(192,181,185)
```
#c6afb7
```
#c6afb7 rgb(198,175,183)
```
#cbaab6
```
#cbaab6 rgb(203,170,182)
```
#d0a5b4
```
#d0a5b4 rgb(208,165,180)
```
#d5a0b3
```
#d5a0b3 rgb(213,160,179)
```
#db9ab1
```
#db9ab1 rgb(219,154,177)
```
#e095b0
```
#e095b0 rgb(224,149,176)
```
#e590ae
```
#e590ae rgb(229,144,174)
```
#ea8bad
```
#ea8bad rgb(234,139,173)
```
#f085ab
```
#f085ab rgb(240,133,171)
```
#f580aa
```
#f580aa rgb(245,128,170)
```
#fa7ba9
```
#fa7ba9 rgb(250,123,169)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#b7a0a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a8c1 Protanopia 1% of men
#baa4a6 Deuteranopia 1% of men
#f28b94 Tritanopia 0.001% of the population

Trichromacy

#c299b8 Protanomaly 1% of men, 0.01% of women
#cf97a7 Deuteranomaly 6% of men, 0.4% of women
#f3879c Tritanomaly 0.01% of the population

#f580aa hex color

#f580aa Color Information

#f580aa Color Conversion

Color Schemes with #f580aa

Alternatives to #f580aa

#f580aa Preview

Shades and Tints of #f580aa

Tones of #f580aa

Color Blindness Simulator