#ff5faf hex color

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

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

● #ff5faf color description : Light pink.

The hexadecimal color #ff5faf has RGB values of R:255, G:95, B:175 and CMYK values of C:0, M:0.63, Y:0.31, K:0. Its decimal value is 16736175.

Hex triplet	ff5faf	`#ff5faf`
RGB Decimal	255, 95, 175	`rgb(255,95,175)`
RGB Percent	100, 37.3, 68.6	`rgb(100%,37.3%,68.6%)`
CMYK	0, 63, 31, 0
HSL	330°, 100, 68.6	`hsl(330,100%,68.6%)`
HSV (or HSB)	330°, 62.7, 100
Web Safe	ff6699	`#ff6699`

CIE-LAB	63.79, 67.804, -10.341
XYZ	53.071, 32.544, 44.042
xyY	0.409, 0.251, 32.544
CIE-LCH	63.79, 68.588, 351.328
CIE-LUV	63.79, 97.373, -27.662
Hunter-Lab	57.047, 66.224, -5.84
Binary	11111111, 01011111, 10101111

#ff5faf
```
#ff5faf rgb(255,95,175)
```
#5fffaf
```
#5fffaf rgb(95,255,175)
```

Complementary Color

#ff5fff
```
#ff5fff rgb(255,95,255)
```
#ff5faf
```
#ff5faf rgb(255,95,175)
```
#ff5f5f
```
#ff5f5f rgb(255,95,95)
```

Analogous Color

#5fffff
```
#5fffff rgb(95,255,255)
```
#ff5faf
```
#ff5faf rgb(255,95,175)
```
#5fff5f
```
#5fff5f rgb(95,255,95)
```

Split Complementary Color

#5fafff
```
#5fafff rgb(95,175,255)
```
#ff5faf
```
#ff5faf rgb(255,95,175)
```
#afff5f
```
#afff5f rgb(175,255,95)
```

Triadic Color

#af5fff
```
#af5fff rgb(175,95,255)
```
#ff5faf
```
#ff5faf rgb(255,95,175)
```
#afff5f
```
#afff5f rgb(175,255,95)
```
#5fffaf
```
#5fffaf rgb(95,255,175)
```

Tetradic Color

#ff1389
```
#ff1389 rgb(255,19,137)
```
#ff2c96
```
#ff2c96 rgb(255,44,150)
```
#ff46a2
```
#ff46a2 rgb(255,70,162)
```
#ff5faf
```
#ff5faf rgb(255,95,175)
```
#ff79bc
```
#ff79bc rgb(255,121,188)
```
#ff92c9
```
#ff92c9 rgb(255,146,201)
```
#ffacd5
```
#ffacd5 rgb(255,172,213)
```

Monochromatic Color

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

#ff5fd7
```
#ff5fd7 rgb(255,95,215)
```
#ff5fca
```
#ff5fca rgb(255,95,202)
```
#ff5fbc
```
#ff5fbc rgb(255,95,188)
```
#ff5faf
```
#ff5faf rgb(255,95,175)
```
#ff5fa2
```
#ff5fa2 rgb(255,95,162)
```
#ff5f94
```
#ff5f94 rgb(255,95,148)
```
#ff5f87
```
#ff5f87 rgb(255,95,135)
```

Similar Colors

Text with hexadecimal color #ff5faf

This text has a font color of #ff5faf.

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

#ff5faf background color

This paragraph has a background color of #ff5faf.

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

#ff5faf border color

This element has a border color of #ff5faf.

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

CSS codes

.text {color:#ff5faf;}

.background {background-color:#ff5faf;}

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

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

#110008
```
#110008 rgb(17,0,8)
```
#240012
```
#240012 rgb(36,0,18)
```
#38001c
```
#38001c rgb(56,0,28)
```
#4b0026
```
#4b0026 rgb(75,0,38)
```
#5f0030
```
#5f0030 rgb(95,0,48)
```
#730039
```
#730039 rgb(115,0,57)
```
#860043
```
#860043 rgb(134,0,67)
```
#9a004d
```
#9a004d rgb(154,0,77)
```
#ad0057
```
#ad0057 rgb(173,0,87)
```
#c10061
```
#c10061 rgb(193,0,97)
```
#d5006a
```
#d5006a rgb(213,0,106)
```
#e80074
```
#e80074 rgb(232,0,116)
```
#fc007e
```
#fc007e rgb(252,0,126)
```

Shade Color Variation

#ff1188
```
#ff1188 rgb(255,17,136)
```
#ff2492
```
#ff2492 rgb(255,36,146)
```
#ff389b
```
#ff389b rgb(255,56,155)
```
#ff4ba5
```
#ff4ba5 rgb(255,75,165)
```
#ff5faf
```
#ff5faf rgb(255,95,175)
```
#ff73b9
```
#ff73b9 rgb(255,115,185)
```
#ff86c3
```
#ff86c3 rgb(255,134,195)
```
#ff9acc
```
#ff9acc rgb(255,154,204)
```
#ffadd6
```
#ffadd6 rgb(255,173,214)
```
#ffc1e0
```
#ffc1e0 rgb(255,193,224)
```
#ffd5ea
```
#ffd5ea rgb(255,213,234)
```
#ffe8f4
```
#ffe8f4 rgb(255,232,244)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#b5a9af
```
#b5a9af rgb(181,169,175)
```
#bba3af
```
#bba3af rgb(187,163,175)
```
#c19daf
```
#c19daf rgb(193,157,175)
```
#c896af
```
#c896af rgb(200,150,175)
```
#ce90af
```
#ce90af rgb(206,144,175)
```
#d48aaf
```
#d48aaf rgb(212,138,175)
```
#da84af
```
#da84af rgb(218,132,175)
```
#e07eaf
```
#e07eaf rgb(224,126,175)
```
#e678af
```
#e678af rgb(230,120,175)
```
#ed71af
```
#ed71af rgb(237,113,175)
```
#f36baf
```
#f36baf rgb(243,107,175)
```
#f965af
```
#f965af rgb(249,101,175)
```
#ff5faf
```
#ff5faf rgb(255,95,175)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#ad8d9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f9dd3 Protanopia 1% of men
#ab9ba7 Deuteranopia 1% of men
#fa747b Tritanopia 0.001% of the population

Trichromacy

#b787c5 Protanomaly 1% of men, 0.01% of women
#c985a9 Deuteranomaly 6% of men, 0.4% of women
#fb6c8e Tritanomaly 0.01% of the population

#ff5faf hex color

#ff5faf Color Information

#ff5faf Color Conversion

Color Schemes with #ff5faf

Alternatives to #ff5faf

#ff5faf Preview

Shades and Tints of #ff5faf

Tones of #ff5faf

Color Blindness Simulator