#ff86d4 hex color

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

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

● #ff86d4 color description : Very light pink.

The hexadecimal color #ff86d4 has RGB values of R:255, G:134, B:212 and CMYK values of C:0, M:0.47, Y:0.17, K:0. Its decimal value is 16746196.

Hex triplet	ff86d4	`#ff86d4`
RGB Decimal	255, 134, 212	`rgb(255,134,212)`
RGB Percent	100, 52.5, 83.1	`rgb(100%,52.5%,83.1%)`
CMYK	0, 47, 17, 0
HSL	321.3°, 100, 76.3	`hsl(321.3,100%,76.3%)`
HSV (or HSB)	321.3°, 47.5, 100
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	71.601, 55.221, -19.372
XYZ	61.648, 43.067, 67.35
xyY	0.358, 0.25, 43.067
CIE-LCH	71.601, 58.521, 340.669
CIE-LUV	71.601, 68.162, -39.335
Hunter-Lab	65.626, 52.837, -14.91
Binary	11111111, 10000110, 11010100

#ff86d4
```
#ff86d4 rgb(255,134,212)
```
#86ffb1
```
#86ffb1 rgb(134,255,177)
```

Complementary Color

#ee86ff
```
#ee86ff rgb(238,134,255)
```
#ff86d4
```
#ff86d4 rgb(255,134,212)
```
#ff8698
```
#ff8698 rgb(255,134,152)
```

Analogous Color

#86ffee
```
#86ffee rgb(134,255,238)
```
#ff86d4
```
#ff86d4 rgb(255,134,212)
```
#98ff86
```
#98ff86 rgb(152,255,134)
```

Split Complementary Color

#86d4ff
```
#86d4ff rgb(134,212,255)
```
#ff86d4
```
#ff86d4 rgb(255,134,212)
```
#d4ff86
```
#d4ff86 rgb(212,255,134)
```

Triadic Color

#b186ff
```
#b186ff rgb(177,134,255)
```
#ff86d4
```
#ff86d4 rgb(255,134,212)
```
#d4ff86
```
#d4ff86 rgb(212,255,134)
```
#86ffb1
```
#86ffb1 rgb(134,255,177)
```

Tetradic Color

#ff3ab9
```
#ff3ab9 rgb(255,58,185)
```
#ff53c2
```
#ff53c2 rgb(255,83,194)
```
#ff6dcb
```
#ff6dcb rgb(255,109,203)
```
#ff86d4
```
#ff86d4 rgb(255,134,212)
```
#ffa0dd
```
#ffa0dd rgb(255,160,221)
```
#ffb9e6
```
#ffb9e6 rgb(255,185,230)
```
#ffd3ef
```
#ffd3ef rgb(255,211,239)
```

Monochromatic Color

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

#ff86f2
```
#ff86f2 rgb(255,134,242)
```
#ff86e8
```
#ff86e8 rgb(255,134,232)
```
#ff86de
```
#ff86de rgb(255,134,222)
```
#ff86d4
```
#ff86d4 rgb(255,134,212)
```
#ff86ca
```
#ff86ca rgb(255,134,202)
```
#ff86c0
```
#ff86c0 rgb(255,134,192)
```
#ff86b6
```
#ff86b6 rgb(255,134,182)
```

Similar Colors

Text with hexadecimal color #ff86d4

This text has a font color of #ff86d4.

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

#ff86d4 background color

This paragraph has a background color of #ff86d4.

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

#ff86d4 border color

This element has a border color of #ff86d4.

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

CSS codes

.text {color:#ff86d4;}

.background {background-color:#ff86d4;}

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

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, #10000b is the darkest color, while #fffcfe is the lightest one.

#10000b
```
#10000b rgb(16,0,11)
```
#240017
```
#240017 rgb(36,0,23)
```
#380024
```
#380024 rgb(56,0,36)
```
#4b0030
```
#4b0030 rgb(75,0,48)
```
#5f003d
```
#5f003d rgb(95,0,61)
```
#72004a
```
#72004a rgb(114,0,74)
```
#860056
```
#860056 rgb(134,0,86)
```
#9a0063
```
#9a0063 rgb(154,0,99)
```
#ad0070
```
#ad0070 rgb(173,0,112)
```
#c1007c
```
#c1007c rgb(193,0,124)
```
#d40089
```
#d40089 rgb(212,0,137)
```
#e80096
```
#e80096 rgb(232,0,150)
```
#fc00a2
```
#fc00a2 rgb(252,0,162)
```

Shade Color Variation

#ff10aa
```
#ff10aa rgb(255,16,170)
```
#ff24b1
```
#ff24b1 rgb(255,36,177)
```
#ff38b8
```
#ff38b8 rgb(255,56,184)
```
#ff4bbf
```
#ff4bbf rgb(255,75,191)
```
#ff5fc6
```
#ff5fc6 rgb(255,95,198)
```
#ff72cd
```
#ff72cd rgb(255,114,205)
```
#ff86d4
```
#ff86d4 rgb(255,134,212)
```
#ff9adb
```
#ff9adb rgb(255,154,219)
```
#ffade2
```
#ffade2 rgb(255,173,226)
```
#ffc1e9
```
#ffc1e9 rgb(255,193,233)
```
#ffd4f0
```
#ffd4f0 rgb(255,212,240)
```
#ffe8f7
```
#ffe8f7 rgb(255,232,247)
```
#fffcfe
```
#fffcfe rgb(255,252,254)
```

Tint Color Variation

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

#c7bec4
```
#c7bec4 rgb(199,190,196)
```
#ccb9c5
```
#ccb9c5 rgb(204,185,197)
```
#d0b5c7
```
#d0b5c7 rgb(208,181,199)
```
#d5b0c8
```
#d5b0c8 rgb(213,176,200)
```
#daabc9
```
#daabc9 rgb(218,171,201)
```
#dea7cb
```
#dea7cb rgb(222,167,203)
```
#e3a2cc
```
#e3a2cc rgb(227,162,204)
```
#e89dcd
```
#e89dcd rgb(232,157,205)
```
#ec99cf
```
#ec99cf rgb(236,153,207)
```
#f194d0
```
#f194d0 rgb(241,148,208)
```
#f68fd1
```
#f68fd1 rgb(246,143,209)
```
#fa8bd3
```
#fa8bd3 rgb(250,139,211)
```
#ff86d4
```
#ff86d4 rgb(255,134,212)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#c2aaba Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b1ed Protanopia 1% of men
#b7afcc Deuteranopia 1% of men
#f897a1 Tritanopia 0.001% of the population

Trichromacy

#c3a1e4 Protanomaly 1% of men, 0.01% of women
#d1a0cf Deuteranomaly 6% of men, 0.4% of women
#fb91b4 Tritanomaly 0.01% of the population

#ff86d4 hex color

#ff86d4 Color Information

#ff86d4 Color Conversion

Color Schemes with #ff86d4

Alternatives to #ff86d4

#ff86d4 Preview

Shades and Tints of #ff86d4

Tones of #ff86d4

Color Blindness Simulator