#ff5f86 hex color

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

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

● #ff5f86 color description : Light red.

The hexadecimal color #ff5f86 has RGB values of R:255, G:95, B:134 and CMYK values of C:0, M:0.63, Y:0.47, K:0. Its decimal value is 16736134.

Hex triplet	ff5f86	`#ff5f86`
RGB Decimal	255, 95, 134	`rgb(255,95,134)`
RGB Percent	100, 37.3, 52.5	`rgb(100%,37.3%,52.5%)`
CMYK	0, 63, 47, 0
HSL	345.4°, 100, 68.6	`hsl(345.4,100%,68.6%)`
HSV (or HSB)	345.4°, 62.7, 100
Web Safe	ff6699	`#ff6699`

CIE-LAB	62.651, 63.633, 11.596
XYZ	49.637, 31.17, 25.956
xyY	0.465, 0.292, 31.17
CIE-LCH	62.651, 64.681, 10.328
CIE-LUV	62.651, 110.619, 2.526
Hunter-Lab	55.83, 60.994, 11.517
Binary	11111111, 01011111, 10000110

#ff5f86
```
#ff5f86 rgb(255,95,134)
```
#5fffd8
```
#5fffd8 rgb(95,255,216)
```

Complementary Color

#ff5fd6
```
#ff5fd6 rgb(255,95,214)
```
#ff5f86
```
#ff5f86 rgb(255,95,134)
```
#ff885f
```
#ff885f rgb(255,136,95)
```

Analogous Color

#5fd6ff
```
#5fd6ff rgb(95,214,255)
```
#ff5f86
```
#ff5f86 rgb(255,95,134)
```
#5fff88
```
#5fff88 rgb(95,255,136)
```

Split Complementary Color

#5f86ff
```
#5f86ff rgb(95,134,255)
```
#ff5f86
```
#ff5f86 rgb(255,95,134)
```
#86ff5f
```
#86ff5f rgb(134,255,95)
```

Triadic Color

#d85fff
```
#d85fff rgb(216,95,255)
```
#ff5f86
```
#ff5f86 rgb(255,95,134)
```
#86ff5f
```
#86ff5f rgb(134,255,95)
```
#5fffd8
```
#5fffd8 rgb(95,255,216)
```

Tetradic Color

#ff134c
```
#ff134c rgb(255,19,76)
```
#ff2c5f
```
#ff2c5f rgb(255,44,95)
```
#ff4673
```
#ff4673 rgb(255,70,115)
```
#ff5f86
```
#ff5f86 rgb(255,95,134)
```
#ff7999
```
#ff7999 rgb(255,121,153)
```
#ff92ad
```
#ff92ad rgb(255,146,173)
```
#ffacc0
```
#ffacc0 rgb(255,172,192)
```

Monochromatic Color

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

#ff5fae
```
#ff5fae rgb(255,95,174)
```
#ff5fa1
```
#ff5fa1 rgb(255,95,161)
```
#ff5f93
```
#ff5f93 rgb(255,95,147)
```
#ff5f86
```
#ff5f86 rgb(255,95,134)
```
#ff5f79
```
#ff5f79 rgb(255,95,121)
```
#ff5f6b
```
#ff5f6b rgb(255,95,107)
```
#ff605f
```
#ff605f rgb(255,96,95)
```

Similar Colors

Text with hexadecimal color #ff5f86

This text has a font color of #ff5f86.

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

#ff5f86 background color

This paragraph has a background color of #ff5f86.

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

#ff5f86 border color

This element has a border color of #ff5f86.

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

CSS codes

.text {color:#ff5f86;}

.background {background-color:#ff5f86;}

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

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

#110004
```
#110004 rgb(17,0,4)
```
#240009
```
#240009 rgb(36,0,9)
```
#38000e
```
#38000e rgb(56,0,14)
```
#4b0012
```
#4b0012 rgb(75,0,18)
```
#5f0017
```
#5f0017 rgb(95,0,23)
```
#73001c
```
#73001c rgb(115,0,28)
```
#860021
```
#860021 rgb(134,0,33)
```
#9a0026
```
#9a0026 rgb(154,0,38)
```
#ad002a
```
#ad002a rgb(173,0,42)
```
#c1002f
```
#c1002f rgb(193,0,47)
```
#d50034
```
#d50034 rgb(213,0,52)
```
#e80039
```
#e80039 rgb(232,0,57)
```
#fc003d
```
#fc003d rgb(252,0,61)
```

Shade Color Variation

#ff114b
```
#ff114b rgb(255,17,75)
```
#ff2459
```
#ff2459 rgb(255,36,89)
```
#ff3868
```
#ff3868 rgb(255,56,104)
```
#ff4b77
```
#ff4b77 rgb(255,75,119)
```
#ff5f86
```
#ff5f86 rgb(255,95,134)
```
#ff7395
```
#ff7395 rgb(255,115,149)
```
#ff86a4
```
#ff86a4 rgb(255,134,164)
```
#ff9ab3
```
#ff9ab3 rgb(255,154,179)
```
#ffadc1
```
#ffadc1 rgb(255,173,193)
```
#ffc1d0
```
#ffc1d0 rgb(255,193,208)
```
#ffd5df
```
#ffd5df rgb(255,213,223)
```
#ffe8ee
```
#ffe8ee rgb(255,232,238)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#b5a9ac
```
#b5a9ac rgb(181,169,172)
```
#bba3a9
```
#bba3a9 rgb(187,163,169)
```
#c19da6
```
#c19da6 rgb(193,157,166)
```
#c896a2
```
#c896a2 rgb(200,150,162)
```
#ce909f
```
#ce909f rgb(206,144,159)
```
#d48a9c
```
#d48a9c rgb(212,138,156)
```
#da8499
```
#da8499 rgb(218,132,153)
```
#e07e96
```
#e07e96 rgb(224,126,150)
```
#e67893
```
#e67893 rgb(230,120,147)
```
#ed718f
```
#ed718f rgb(237,113,143)
```
#f36b8c
```
#f36b8c rgb(243,107,140)
```
#f96589
```
#f96589 rgb(249,101,137)
```
#ff5f86
```
#ff5f86 rgb(255,95,134)
```

Tone Color Variation

Below, you can see how #ff5f86 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
#a98990 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9ba5 Protanopia 1% of men
#b59781 Deuteranopia 1% of men
#fd6c72 Tritanopia 0.001% of the population

Trichromacy

#c08599 Protanomaly 1% of men, 0.01% of women
#cf8283 Deuteranomaly 6% of men, 0.4% of women
#fd6779 Tritanomaly 0.01% of the population

#ff5f86 hex color

#ff5f86 Color Information

#ff5f86 Color Conversion

Color Schemes with #ff5f86

Alternatives to #ff5f86

#ff5f86 Preview

Shades and Tints of #ff5f86

Tones of #ff5f86

Color Blindness Simulator