#ff86c4 hex color

In a RGB color space, hex #ff86c4 is composed of 100% red, 52.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.5% magenta, 23.1% yellow and 0% black. It has a hue angle of 329.3 degrees, a saturation of 100% and a lightness of 76.3%. #ff86c4 color hex could be obtained by blending #ffffff with #ff0d89. Closest websafe color is: #ff99cc.

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

● #ff86c4 color description : Very light pink.

The hexadecimal color #ff86c4 has RGB values of R:255, G:134, B:196 and CMYK values of C:0, M:0.47, Y:0.23, K:0. Its decimal value is 16746180.

Hex triplet	ff86c4	`#ff86c4`
RGB Decimal	255, 134, 196	`rgb(255,134,196)`
RGB Percent	100, 52.5, 76.9	`rgb(100%,52.5%,76.9%)`
CMYK	0, 47, 23, 0
HSL	329.3°, 100, 76.3	`hsl(329.3,100%,76.3%)`
HSV (or HSB)	329.3°, 47.5, 100
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	71.077, 52.939, -11.282
XYZ	59.729, 42.3, 57.24
xyY	0.375, 0.266, 42.3
CIE-LCH	71.077, 54.128, 347.969
CIE-LUV	71.077, 72.129, -26.523
Hunter-Lab	65.038, 50.112, -6.655
Binary	11111111, 10000110, 11000100

#ff86c4
```
#ff86c4 rgb(255,134,196)
```
#86ffc1
```
#86ffc1 rgb(134,255,193)
```

Complementary Color

#fe86ff
```
#fe86ff rgb(254,134,255)
```
#ff86c4
```
#ff86c4 rgb(255,134,196)
```
#ff8688
```
#ff8688 rgb(255,134,136)
```

Analogous Color

#86fffe
```
#86fffe rgb(134,255,254)
```
#ff86c4
```
#ff86c4 rgb(255,134,196)
```
#88ff86
```
#88ff86 rgb(136,255,134)
```

Split Complementary Color

#86c4ff
```
#86c4ff rgb(134,196,255)
```
#ff86c4
```
#ff86c4 rgb(255,134,196)
```
#c4ff86
```
#c4ff86 rgb(196,255,134)
```

Triadic Color

#c186ff
```
#c186ff rgb(193,134,255)
```
#ff86c4
```
#ff86c4 rgb(255,134,196)
```
#c4ff86
```
#c4ff86 rgb(196,255,134)
```
#86ffc1
```
#86ffc1 rgb(134,255,193)
```

Tetradic Color

#ff3a9f
```
#ff3a9f rgb(255,58,159)
```
#ff53ab
```
#ff53ab rgb(255,83,171)
```
#ff6db8
```
#ff6db8 rgb(255,109,184)
```
#ff86c4
```
#ff86c4 rgb(255,134,196)
```
#ffa0d0
```
#ffa0d0 rgb(255,160,208)
```
#ffb9dd
```
#ffb9dd rgb(255,185,221)
```
#ffd3e9
```
#ffd3e9 rgb(255,211,233)
```

Monochromatic Color

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

#ff86e2
```
#ff86e2 rgb(255,134,226)
```
#ff86d8
```
#ff86d8 rgb(255,134,216)
```
#ff86ce
```
#ff86ce rgb(255,134,206)
```
#ff86c4
```
#ff86c4 rgb(255,134,196)
```
#ff86ba
```
#ff86ba rgb(255,134,186)
```
#ff86b0
```
#ff86b0 rgb(255,134,176)
```
#ff86a6
```
#ff86a6 rgb(255,134,166)
```

Similar Colors

Text with hexadecimal color #ff86c4

This text has a font color of #ff86c4.

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

#ff86c4 background color

This paragraph has a background color of #ff86c4.

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

#ff86c4 border color

This element has a border color of #ff86c4.

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

CSS codes

.text {color:#ff86c4;}

.background {background-color:#ff86c4;}

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

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

#100008
```
#100008 rgb(16,0,8)
```
#240012
```
#240012 rgb(36,0,18)
```
#38001c
```
#38001c rgb(56,0,28)
```
#4b0027
```
#4b0027 rgb(75,0,39)
```
#5f0031
```
#5f0031 rgb(95,0,49)
```
#72003b
```
#72003b rgb(114,0,59)
```
#860045
```
#860045 rgb(134,0,69)
```
#9a004f
```
#9a004f rgb(154,0,79)
```
#ad0059
```
#ad0059 rgb(173,0,89)
```
#c10063
```
#c10063 rgb(193,0,99)
```
#d4006d
```
#d4006d rgb(212,0,109)
```
#e80077
```
#e80077 rgb(232,0,119)
```
#fc0081
```
#fc0081 rgb(252,0,129)
```

Shade Color Variation

#ff108b
```
#ff108b rgb(255,16,139)
```
#ff2494
```
#ff2494 rgb(255,36,148)
```
#ff389e
```
#ff389e rgb(255,56,158)
```
#ff4ba7
```
#ff4ba7 rgb(255,75,167)
```
#ff5fb1
```
#ff5fb1 rgb(255,95,177)
```
#ff72ba
```
#ff72ba rgb(255,114,186)
```
#ff86c4
```
#ff86c4 rgb(255,134,196)
```
#ff9ace
```
#ff9ace rgb(255,154,206)
```
#ffadd7
```
#ffadd7 rgb(255,173,215)
```
#ffc1e1
```
#ffc1e1 rgb(255,193,225)
```
#ffd4ea
```
#ffd4ea rgb(255,212,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, #c7bec3 is the less saturated color, while #ff86c4 is the most saturated one.

#c7bec3
```
#c7bec3 rgb(199,190,195)
```
#ccb9c3
```
#ccb9c3 rgb(204,185,195)
```
#d0b5c3
```
#d0b5c3 rgb(208,181,195)
```
#d5b0c3
```
#d5b0c3 rgb(213,176,195)
```
#daabc3
```
#daabc3 rgb(218,171,195)
```
#dea7c3
```
#dea7c3 rgb(222,167,195)
```
#e3a2c3
```
#e3a2c3 rgb(227,162,195)
```
#e89dc3
```
#e89dc3 rgb(232,157,195)
```
#ec99c4
```
#ec99c4 rgb(236,153,196)
```
#f194c4
```
#f194c4 rgb(241,148,196)
```
#f68fc4
```
#f68fc4 rgb(246,143,196)
```
#fa8bc4
```
#fa8bc4 rgb(250,139,196)
```
#ff86c4
```
#ff86c4 rgb(255,134,196)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#c1a8b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b0dc Protanopia 1% of men
#bcadbe Deuteranopia 1% of men
#fa949e Tritanopia 0.001% of the population

Trichromacy

#c6a1d3 Protanomaly 1% of men, 0.01% of women
#d49fc0 Deuteranomaly 6% of men, 0.4% of women
#fc8fac Tritanomaly 0.01% of the population

#ff86c4 hex color

#ff86c4 Color Information

#ff86c4 Color Conversion

Color Schemes with #ff86c4

Alternatives to #ff86c4

#ff86c4 Preview

Shades and Tints of #ff86c4

Tones of #ff86c4

Color Blindness Simulator