#ff5fa5 hex color

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

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

● #ff5fa5 color description : Light pink.

The hexadecimal color #ff5fa5 has RGB values of R:255, G:95, B:165 and CMYK values of C:0, M:0.63, Y:0.35, K:0. Its decimal value is 16736165.

Hex triplet	ff5fa5	`#ff5fa5`
RGB Decimal	255, 95, 165	`rgb(255,95,165)`
RGB Percent	100, 37.3, 64.7	`rgb(100%,37.3%,64.7%)`
CMYK	0, 63, 35, 0
HSL	333.8°, 100, 68.6	`hsl(333.8,100%,68.6%)`
HSV (or HSB)	333.8°, 62.7, 100
Web Safe	ff6699	`#ff6699`

CIE-LAB	63.48, 66.681, -5.074
XYZ	52.125, 32.166, 39.059
xyY	0.423, 0.261, 32.166
CIE-LCH	63.48, 66.874, 355.649
CIE-LUV	63.48, 100.718, -19.959
Hunter-Lab	56.715, 64.802, -1.132
Binary	11111111, 01011111, 10100101

#ff5fa5
```
#ff5fa5 rgb(255,95,165)
```
#5fffb9
```
#5fffb9 rgb(95,255,185)
```

Complementary Color

#ff5ff5
```
#ff5ff5 rgb(255,95,245)
```
#ff5fa5
```
#ff5fa5 rgb(255,95,165)
```
#ff695f
```
#ff695f rgb(255,105,95)
```

Analogous Color

#5ff5ff
```
#5ff5ff rgb(95,245,255)
```
#ff5fa5
```
#ff5fa5 rgb(255,95,165)
```
#5fff69
```
#5fff69 rgb(95,255,105)
```

Split Complementary Color

#5fa5ff
```
#5fa5ff rgb(95,165,255)
```
#ff5fa5
```
#ff5fa5 rgb(255,95,165)
```
#a5ff5f
```
#a5ff5f rgb(165,255,95)
```

Triadic Color

#b95fff
```
#b95fff rgb(185,95,255)
```
#ff5fa5
```
#ff5fa5 rgb(255,95,165)
```
#a5ff5f
```
#a5ff5f rgb(165,255,95)
```
#5fffb9
```
#5fffb9 rgb(95,255,185)
```

Tetradic Color

#ff137a
```
#ff137a rgb(255,19,122)
```
#ff2c88
```
#ff2c88 rgb(255,44,136)
```
#ff4697
```
#ff4697 rgb(255,70,151)
```
#ff5fa5
```
#ff5fa5 rgb(255,95,165)
```
#ff79b3
```
#ff79b3 rgb(255,121,179)
```
#ff92c2
```
#ff92c2 rgb(255,146,194)
```
#ffacd0
```
#ffacd0 rgb(255,172,208)
```

Monochromatic Color

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

#ff5fcd
```
#ff5fcd rgb(255,95,205)
```
#ff5fc0
```
#ff5fc0 rgb(255,95,192)
```
#ff5fb2
```
#ff5fb2 rgb(255,95,178)
```
#ff5fa5
```
#ff5fa5 rgb(255,95,165)
```
#ff5f98
```
#ff5f98 rgb(255,95,152)
```
#ff5f8a
```
#ff5f8a rgb(255,95,138)
```
#ff5f7d
```
#ff5f7d rgb(255,95,125)
```

Similar Colors

Text with hexadecimal color #ff5fa5

This text has a font color of #ff5fa5.

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

#ff5fa5 background color

This paragraph has a background color of #ff5fa5.

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

#ff5fa5 border color

This element has a border color of #ff5fa5.

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

CSS codes

.text {color:#ff5fa5;}

.background {background-color:#ff5fa5;}

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

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, #110007 is the darkest color, while #fffcfd is the lightest one.

#110007
```
#110007 rgb(17,0,7)
```
#240010
```
#240010 rgb(36,0,16)
```
#380018
```
#380018 rgb(56,0,24)
```
#4b0021
```
#4b0021 rgb(75,0,33)
```
#5f002a
```
#5f002a rgb(95,0,42)
```
#730032
```
#730032 rgb(115,0,50)
```
#86003b
```
#86003b rgb(134,0,59)
```
#9a0043
```
#9a0043 rgb(154,0,67)
```
#ad004c
```
#ad004c rgb(173,0,76)
```
#c10054
```
#c10054 rgb(193,0,84)
```
#d5005d
```
#d5005d rgb(213,0,93)
```
#e80066
```
#e80066 rgb(232,0,102)
```
#fc006e
```
#fc006e rgb(252,0,110)
```

Shade Color Variation

#ff1179
```
#ff1179 rgb(255,17,121)
```
#ff2484
```
#ff2484 rgb(255,36,132)
```
#ff388f
```
#ff388f rgb(255,56,143)
```
#ff4b9a
```
#ff4b9a rgb(255,75,154)
```
#ff5fa5
```
#ff5fa5 rgb(255,95,165)
```
#ff73b0
```
#ff73b0 rgb(255,115,176)
```
#ff86bb
```
#ff86bb rgb(255,134,187)
```
#ff9ac6
```
#ff9ac6 rgb(255,154,198)
```
#ffadd1
```
#ffadd1 rgb(255,173,209)
```
#ffc1dc
```
#ffc1dc rgb(255,193,220)
```
#ffd5e7
```
#ffd5e7 rgb(255,213,231)
```
#ffe8f2
```
#ffe8f2 rgb(255,232,242)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#b5a9ae
```
#b5a9ae rgb(181,169,174)
```
#bba3ad
```
#bba3ad rgb(187,163,173)
```
#c19dad
```
#c19dad rgb(193,157,173)
```
#c896ac
```
#c896ac rgb(200,150,172)
```
#ce90ab
```
#ce90ab rgb(206,144,171)
```
#d48aaa
```
#d48aaa rgb(212,138,170)
```
#da84aa
```
#da84aa rgb(218,132,170)
```
#e07ea9
```
#e07ea9 rgb(224,126,169)
```
#e678a8
```
#e678a8 rgb(230,120,168)
```
#ed71a7
```
#ed71a7 rgb(237,113,167)
```
#f36ba7
```
#f36ba7 rgb(243,107,167)
```
#f965a6
```
#f965a6 rgb(249,101,166)
```
#ff5fa5
```
#ff5fa5 rgb(255,95,165)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#ac8c9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#939dc7 Protanopia 1% of men
#ad9a9e Deuteranopia 1% of men
#fb7279 Tritanopia 0.001% of the population

Trichromacy

#ba86bb Protanomaly 1% of men, 0.01% of women
#cb84a0 Deuteranomaly 6% of men, 0.4% of women
#fc6b89 Tritanomaly 0.01% of the population

#ff5fa5 hex color

#ff5fa5 Color Information

#ff5fa5 Color Conversion

Color Schemes with #ff5fa5

Alternatives to #ff5fa5

#ff5fa5 Preview

Shades and Tints of #ff5fa5

Tones of #ff5fa5

Color Blindness Simulator