#ff1686 Color Information
In a RGB color space, hex #ff1686 is composed of 100% red, 8.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.4% magenta, 47.5% yellow and 0% black. It has a hue angle of 331.2 degrees, a saturation of 100% and a lightness of 54.3%. #ff1686 color hex could be obtained by blending #ff2cff with #ff000d. Closest websafe color is: #ff0099.
-
- R 100
- G 9
- B 53
-
- C 0
- M 91
- Y 47
- K 0
● #ff1686 color description : Vivid pink.
#ff1686 Color Conversion
The hexadecimal color #ff1686 has RGB values of R:255, G:22, B:134 and CMYK values of C:0, M:0.91, Y:0.47, K:0. Its decimal value is 16717446.
Hex triplet | ff1686 | #ff1686 |
---|---|---|
RGB Decimal | 255, 22, 134 | rgb(255,22,134) |
RGB Percent | 100, 8.6, 52.5 | rgb(100%,8.6%,52.5%) |
CMYK | 0, 91, 47, 0 | |
HSL | 331.2°, 100, 54.3 | hsl(331.2,100%,54.3%) |
HSV (or HSB) | 331.2°, 91.4, 100 | |
Web Safe | ff0099 | #ff0099 |
CIE-LAB | 55.645, 83.27, 1.57 |
---|---|
XYZ | 45.832, 23.56, 24.687 |
xyY | 0.487, 0.25, 23.56 |
CIE-LCH | 55.645, 83.284, 1.08 |
CIE-LUV | 55.645, 137.08, -14.703 |
Hunter-Lab | 48.539, 83.6, 3.822 |
Binary | 11111111, 00010110, 10000110 |
Color Schemes with #ff1686
Alternatives to #ff1686
Below, you can see some colors close to #ff1686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff1686 Preview
This text has a font color of #ff1686.
<span style="color:#ff1686;">Text here</span>
This paragraph has a background color of #ff1686.
<p style="background-color:#ff1686;">Content here</p>
This element has a border color of #ff1686.
<div style="border:1px solid #ff1686;">Content here</div>
.text {color:#ff1686;}
.background {background-color:#ff1686;}
.border {border:1px solid #ff1686;}
Shades and Tints of #ff1686
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, #020001 is the darkest color, while #ffeef6 is the lightest one.
-
#020001
#020001
rgb(2,0,1)
-
#16000b
#16000b
rgb(22,0,11)
-
#2a0014
#2a0014
rgb(42,0,20)
-
#3d001d
#3d001d
rgb(61,0,29)
-
#510027
#510027
rgb(81,0,39)
-
#640030
#640030
rgb(100,0,48)
-
#78003a
#78003a
rgb(120,0,58)
-
#8c0043
#8c0043
rgb(140,0,67)
-
#9f004d
#9f004d
rgb(159,0,77)
-
#b30056
#b30056
rgb(179,0,86)
-
#c7005f
#c7005f
rgb(199,0,95)
-
#da0069
#da0069
rgb(218,0,105)
-
#ee0072
#ee0072
rgb(238,0,114)
-
#ff027c
#ff027c
rgb(255,2,124)
-
#ff1686
#ff1686
rgb(255,22,134)
-
#ff2a90
#ff2a90
rgb(255,42,144)
-
#ff3d9a
#ff3d9a
rgb(255,61,154)
-
#ff51a5
#ff51a5
rgb(255,81,165)
-
#ff64af
#ff64af
rgb(255,100,175)
-
#ff78b9
#ff78b9
rgb(255,120,185)
-
#ff8cc3
#ff8cc3
rgb(255,140,195)
-
#ff9fcd
#ff9fcd
rgb(255,159,205)
-
#ffb3d7
#ffb3d7
rgb(255,179,215)
-
#ffc7e2
#ffc7e2
rgb(255,199,226)
-
#ffdaec
#ffdaec
rgb(255,218,236)
-
#ffeef6
#ffeef6
rgb(255,238,246)
Tones of #ff1686
A tone is produced by adding gray to any pure hue. In this case, #93828a is the less saturated color, while #ff1686 is the most saturated one.
-
#93828a
#93828a
rgb(147,130,138)
-
#9c798a
#9c798a
rgb(156,121,138)
-
#a57089
#a57089
rgb(165,112,137)
-
#ae6789
#ae6789
rgb(174,103,137)
-
#b75e89
#b75e89
rgb(183,94,137)
-
#c05588
#c05588
rgb(192,85,136)
-
#c94c88
#c94c88
rgb(201,76,136)
-
#d24388
#d24388
rgb(210,67,136)
-
#db3a87
#db3a87
rgb(219,58,135)
-
#e43187
#e43187
rgb(228,49,135)
-
#ed2887
#ed2887
rgb(237,40,135)
-
#f61f86
#f61f86
rgb(246,31,134)
-
#ff1686
#ff1686
rgb(255,22,134)
Color Blindness Simulator
Below, you can see how #ff1686 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.