#ff5aa0 hex color

In a RGB color space, hex #ff5aa0 is composed of 100% red, 35.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.7% magenta, 37.3% yellow and 0% black. It has a hue angle of 334.5 degrees, a saturation of 100% and a lightness of 67.6%. #ff5aa0 color hex could be obtained by blending #ffb4ff with #ff0041. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 100
- G 35
- B 63
RGB color chart
- C 0
- M 65
- Y 37
- K 0
CMYK color chart

● #ff5aa0 color description : Light pink.

The hexadecimal color #ff5aa0 has RGB values of R:255, G:90, B:160 and CMYK values of C:0, M:0.65, Y:0.37, K:0. Its decimal value is 16734880.

Hex triplet	ff5aa0	`#ff5aa0`
RGB Decimal	255, 90, 160	`rgb(255,90,160)`
RGB Percent	100, 35.3, 62.7	`rgb(100%,35.3%,62.7%)`
CMYK	0, 65, 37, 0
HSL	334.5°, 100, 67.6	`hsl(334.5,100%,67.6%)`
HSV (or HSB)	334.5°, 64.7, 100
Web Safe	ff6699	`#ff6699`

CIE-LAB	62.605, 68.13, -3.488
XYZ	51.242, 31.115, 36.563
xyY	0.431, 0.262, 31.115
CIE-LCH	62.605, 68.219, 357.069
CIE-LUV	62.605, 104.762, -18.049
Hunter-Lab	55.781, 66.36, 0.183
Binary	11111111, 01011010, 10100000

#ff5aa0
```
#ff5aa0 rgb(255,90,160)
```
#5affb9
```
#5affb9 rgb(90,255,185)
```

Complementary Color

#ff5af3
```
#ff5af3 rgb(255,90,243)
```
#ff5aa0
```
#ff5aa0 rgb(255,90,160)
```
#ff675a
```
#ff675a rgb(255,103,90)
```

Analogous Color

#5af3ff
```
#5af3ff rgb(90,243,255)
```
#ff5aa0
```
#ff5aa0 rgb(255,90,160)
```
#5aff67
```
#5aff67 rgb(90,255,103)
```

Split Complementary Color

#5aa0ff
```
#5aa0ff rgb(90,160,255)
```
#ff5aa0
```
#ff5aa0 rgb(255,90,160)
```
#a0ff5a
```
#a0ff5a rgb(160,255,90)
```

Triadic Color

#b95aff
```
#b95aff rgb(185,90,255)
```
#ff5aa0
```
#ff5aa0 rgb(255,90,160)
```
#a0ff5a
```
#a0ff5a rgb(160,255,90)
```
#5affb9
```
#5affb9 rgb(90,255,185)
```

Tetradic Color

#ff0e74
```
#ff0e74 rgb(255,14,116)
```
#ff2783
```
#ff2783 rgb(255,39,131)
```
#ff4191
```
#ff4191 rgb(255,65,145)
```
#ff5aa0
```
#ff5aa0 rgb(255,90,160)
```
#ff74af
```
#ff74af rgb(255,116,175)
```
#ff8dbd
```
#ff8dbd rgb(255,141,189)
```
#ffa7cc
```
#ffa7cc rgb(255,167,204)
```

Monochromatic Color

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

#ff5ac9
```
#ff5ac9 rgb(255,90,201)
```
#ff5abc
```
#ff5abc rgb(255,90,188)
```
#ff5aae
```
#ff5aae rgb(255,90,174)
```
#ff5aa0
```
#ff5aa0 rgb(255,90,160)
```
#ff5a92
```
#ff5a92 rgb(255,90,146)
```
#ff5a85
```
#ff5a85 rgb(255,90,133)
```
#ff5a77
```
#ff5a77 rgb(255,90,119)
```

Similar Colors

Text with hexadecimal color #ff5aa0

This text has a font color of #ff5aa0.

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

#ff5aa0 background color

This paragraph has a background color of #ff5aa0.

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

#ff5aa0 border color

This element has a border color of #ff5aa0.

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

CSS codes

.text {color:#ff5aa0;}

.background {background-color:#ff5aa0;}

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

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

#0c0005
```
#0c0005 rgb(12,0,5)
```
#1f000d
```
#1f000d rgb(31,0,13)
```
#330016
```
#330016 rgb(51,0,22)
```
#46001e
```
#46001e rgb(70,0,30)
```
#5a0026
```
#5a0026 rgb(90,0,38)
```
#6e002f
```
#6e002f rgb(110,0,47)
```
#810037
```
#810037 rgb(129,0,55)
```
#95003f
```
#95003f rgb(149,0,63)
```
#a80047
```
#a80047 rgb(168,0,71)
```
#bc0050
```
#bc0050 rgb(188,0,80)
```
#d00058
```
#d00058 rgb(208,0,88)
```
#e30060
```
#e30060 rgb(227,0,96)
```
#f70069
```
#f70069 rgb(247,0,105)
```

Shade Color Variation

#ff0c73
```
#ff0c73 rgb(255,12,115)
```
#ff1f7e
```
#ff1f7e rgb(255,31,126)
```
#ff3389
```
#ff3389 rgb(255,51,137)
```
#ff4695
```
#ff4695 rgb(255,70,149)
```
#ff5aa0
```
#ff5aa0 rgb(255,90,160)
```
#ff6eab
```
#ff6eab rgb(255,110,171)
```
#ff81b7
```
#ff81b7 rgb(255,129,183)
```
#ff95c2
```
#ff95c2 rgb(255,149,194)
```
#ffa8cd
```
#ffa8cd rgb(255,168,205)
```
#ffbcd8
```
#ffbcd8 rgb(255,188,216)
```
#ffd0e4
```
#ffd0e4 rgb(255,208,228)
```
#ffe3ef
```
#ffe3ef rgb(255,227,239)
```
#fff7fa
```
#fff7fa rgb(255,247,250)
```

Tint Color Variation

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

#b3a6ac
```
#b3a6ac rgb(179,166,172)
```
#b9a0ab
```
#b9a0ab rgb(185,160,171)
```
#c099aa
```
#c099aa rgb(192,153,170)
```
#c693a9
```
#c693a9 rgb(198,147,169)
```
#cc8da8
```
#cc8da8 rgb(204,141,168)
```
#d386a7
```
#d386a7 rgb(211,134,167)
```
#d980a6
```
#d980a6 rgb(217,128,166)
```
#df7aa5
```
#df7aa5 rgb(223,122,165)
```
#e673a4
```
#e673a4 rgb(230,115,164)
```
#ec6da3
```
#ec6da3 rgb(236,109,163)
```
#f267a2
```
#f267a2 rgb(242,103,162)
```
#f960a1
```
#f960a1 rgb(249,96,161)
```
#ff5aa0
```
#ff5aa0 rgb(255,90,160)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#a98896 Atypical Achromatopsia 0.001% of the population

Dichromacy

#919bc4 Protanopia 1% of men
#ac9799 Deuteranopia 1% of men
#fb6d74 Tritanopia 0.001% of the population

Trichromacy

#b983b6 Protanomaly 1% of men, 0.01% of women
#ca819b Deuteranomaly 6% of men, 0.4% of women
#fc6684 Tritanomaly 0.01% of the population

#ff5aa0 hex color

#ff5aa0 Color Information

#ff5aa0 Color Conversion

Color Schemes with #ff5aa0

Alternatives to #ff5aa0

#ff5aa0 Preview

Shades and Tints of #ff5aa0

Tones of #ff5aa0

Color Blindness Simulator