#ff1586 Color Information
In a RGB color space, hex #ff1586 is composed of 100% red, 8.2% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.8% magenta, 47.5% yellow and 0% black. It has a hue angle of 331 degrees, a saturation of 100% and a lightness of 54.1%. #ff1586 color hex could be obtained by blending #ff2aff with #ff000d. Closest websafe color is: #ff0099.
-
- R 100
- G 8
- B 53
-
- C 0
- M 92
- Y 47
- K 0
● #ff1586 color description : Vivid pink.
#ff1586 Color Conversion
The hexadecimal color #ff1586 has RGB values of R:255, G:21, B:134 and CMYK values of C:0, M:0.92, Y:0.47, K:0. Its decimal value is 16717190.
Hex triplet | ff1586 | #ff1586 |
---|---|---|
RGB Decimal | 255, 21, 134 | rgb(255,21,134) |
RGB Percent | 100, 8.2, 52.5 | rgb(100%,8.2%,52.5%) |
CMYK | 0, 92, 47, 0 | |
HSL | 331°, 100, 54.1 | hsl(331,100%,54.1%) |
HSV (or HSB) | 331°, 91.8, 100 | |
Web Safe | ff0099 | #ff0099 |
CIE-LAB | 55.607, 83.38, 1.515 |
---|---|
XYZ | 45.813, 23.523, 24.681 |
xyY | 0.487, 0.25, 23.523 |
CIE-LCH | 55.607, 83.394, 1.041 |
CIE-LUV | 55.607, 137.227, -14.798 |
Hunter-Lab | 48.5, 83.733, 3.779 |
Binary | 11111111, 00010101, 10000110 |
Color Schemes with #ff1586
Alternatives to #ff1586
Below, you can see some colors close to #ff1586. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff1586 Preview
This text has a font color of #ff1586.
<span style="color:#ff1586;">Text here</span>
This paragraph has a background color of #ff1586.
<p style="background-color:#ff1586;">Content here</p>
This element has a border color of #ff1586.
<div style="border:1px solid #ff1586;">Content here</div>
.text {color:#ff1586;}
.background {background-color:#ff1586;}
.border {border:1px solid #ff1586;}
Shades and Tints of #ff1586
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, #010001 is the darkest color, while #ffedf6 is the lightest one.
-
#010001
#010001
rgb(1,0,1)
-
#15000a
#15000a
rgb(21,0,10)
-
#290014
#290014
rgb(41,0,20)
-
#3c001d
#3c001d
rgb(60,0,29)
-
#500027
#500027
rgb(80,0,39)
-
#630030
#630030
rgb(99,0,48)
-
#77003a
#77003a
rgb(119,0,58)
-
#8b0043
#8b0043
rgb(139,0,67)
-
#9e004c
#9e004c
rgb(158,0,76)
-
#b20056
#b20056
rgb(178,0,86)
-
#c6005f
#c6005f
rgb(198,0,95)
-
#d90069
#d90069
rgb(217,0,105)
-
#ed0072
#ed0072
rgb(237,0,114)
-
#ff017c
#ff017c
rgb(255,1,124)
-
#ff1586
#ff1586
rgb(255,21,134)
-
#ff2990
#ff2990
rgb(255,41,144)
-
#ff3c9a
#ff3c9a
rgb(255,60,154)
-
#ff50a4
#ff50a4
rgb(255,80,164)
-
#ff63af
#ff63af
rgb(255,99,175)
-
#ff77b9
#ff77b9
rgb(255,119,185)
-
#ff8bc3
#ff8bc3
rgb(255,139,195)
-
#ff9ecd
#ff9ecd
rgb(255,158,205)
-
#ffb2d7
#ffb2d7
rgb(255,178,215)
-
#ffc6e1
#ffc6e1
rgb(255,198,225)
-
#ffd9eb
#ffd9eb
rgb(255,217,235)
-
#ffedf6
#ffedf6
rgb(255,237,246)
Tones of #ff1586
A tone is produced by adding gray to any pure hue. In this case, #93818a is the less saturated color, while #ff1586 is the most saturated one.
-
#93818a
#93818a
rgb(147,129,138)
-
#9c7889
#9c7889
rgb(156,120,137)
-
#a56f89
#a56f89
rgb(165,111,137)
-
#ae6689
#ae6689
rgb(174,102,137)
-
#b75d88
#b75d88
rgb(183,93,136)
-
#c05488
#c05488
rgb(192,84,136)
-
#c94b88
#c94b88
rgb(201,75,136)
-
#d24288
#d24288
rgb(210,66,136)
-
#db3987
#db3987
rgb(219,57,135)
-
#e43087
#e43087
rgb(228,48,135)
-
#ed2787
#ed2787
rgb(237,39,135)
-
#f61e86
#f61e86
rgb(246,30,134)
-
#ff1586
#ff1586
rgb(255,21,134)
Color Blindness Simulator
Below, you can see how #ff1586 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.