#ff1580 Color Information
In a RGB color space, hex #ff1580 is composed of 100% red, 8.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.8% magenta, 49.8% yellow and 0% black. It has a hue angle of 332.6 degrees, a saturation of 100% and a lightness of 54.1%. #ff1580 color hex could be obtained by blending #ff2aff with #ff0001. Closest websafe color is: #ff0099.
-
- R 100
- G 8
- B 50
-
- C 0
- M 92
- Y 50
- K 0
● #ff1580 color description : Vivid pink.
#ff1580 Color Conversion
The hexadecimal color #ff1580 has RGB values of R:255, G:21, B:128 and CMYK values of C:0, M:0.92, Y:0.5, K:0. Its decimal value is 16717184.
Hex triplet | ff1580 | #ff1580 |
---|---|---|
RGB Decimal | 255, 21, 128 | rgb(255,21,128) |
RGB Percent | 100, 8.2, 50.2 | rgb(100%,8.2%,50.2%) |
CMYK | 0, 92, 50, 0 | |
HSL | 332.6°, 100, 54.1 | hsl(332.6,100%,54.1%) |
HSV (or HSB) | 332.6°, 91.8, 100 | |
Web Safe | ff0099 | #ff0099 |
CIE-LAB | 55.441, 82.93, 4.865 |
---|---|
XYZ | 45.406, 23.36, 22.539 |
xyY | 0.497, 0.256, 23.36 |
CIE-LCH | 55.441, 83.072, 3.357 |
CIE-LUV | 55.441, 139.879, -10.572 |
Hunter-Lab | 48.332, 83.111, 6.184 |
Binary | 11111111, 00010101, 10000000 |
Color Schemes with #ff1580
Alternatives to #ff1580
Below, you can see some colors close to #ff1580. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff1580 Preview
This text has a font color of #ff1580.
<span style="color:#ff1580;">Text here</span>
This paragraph has a background color of #ff1580.
<p style="background-color:#ff1580;">Content here</p>
This element has a border color of #ff1580.
<div style="border:1px solid #ff1580;">Content here</div>
.text {color:#ff1580;}
.background {background-color:#ff1580;}
.border {border:1px solid #ff1580;}
Shades and Tints of #ff1580
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 #ffedf5 is the lightest one.
-
#010001
#010001
rgb(1,0,1)
-
#15000a
#15000a
rgb(21,0,10)
-
#290013
#290013
rgb(41,0,19)
-
#3c001c
#3c001c
rgb(60,0,28)
-
#500025
#500025
rgb(80,0,37)
-
#63002d
#63002d
rgb(99,0,45)
-
#770036
#770036
rgb(119,0,54)
-
#8b003f
#8b003f
rgb(139,0,63)
-
#9e0048
#9e0048
rgb(158,0,72)
-
#b20051
#b20051
rgb(178,0,81)
-
#c6005a
#c6005a
rgb(198,0,90)
-
#d90063
#d90063
rgb(217,0,99)
-
#ed006c
#ed006c
rgb(237,0,108)
-
#ff0175
#ff0175
rgb(255,1,117)
-
#ff1580
#ff1580
rgb(255,21,128)
-
#ff298b
#ff298b
rgb(255,41,139)
-
#ff3c95
#ff3c95
rgb(255,60,149)
-
#ff50a0
#ff50a0
rgb(255,80,160)
-
#ff63ab
#ff63ab
rgb(255,99,171)
-
#ff77b5
#ff77b5
rgb(255,119,181)
-
#ff8bc0
#ff8bc0
rgb(255,139,192)
-
#ff9ecb
#ff9ecb
rgb(255,158,203)
-
#ffb2d5
#ffb2d5
rgb(255,178,213)
-
#ffc6e0
#ffc6e0
rgb(255,198,224)
-
#ffd9ea
#ffd9ea
rgb(255,217,234)
-
#ffedf5
#ffedf5
rgb(255,237,245)
Tones of #ff1580
A tone is produced by adding gray to any pure hue. In this case, #938189 is the less saturated color, while #ff1580 is the most saturated one.
-
#938189
#938189
rgb(147,129,137)
-
#9c7888
#9c7888
rgb(156,120,136)
-
#a56f88
#a56f88
rgb(165,111,136)
-
#ae6687
#ae6687
rgb(174,102,135)
-
#b75d86
#b75d86
rgb(183,93,134)
-
#c05485
#c05485
rgb(192,84,133)
-
#c94b85
#c94b85
rgb(201,75,133)
-
#d24284
#d24284
rgb(210,66,132)
-
#db3983
#db3983
rgb(219,57,131)
-
#e43082
#e43082
rgb(228,48,130)
-
#ed2782
#ed2782
rgb(237,39,130)
-
#f61e81
#f61e81
rgb(246,30,129)
-
#ff1580
#ff1580
rgb(255,21,128)
Color Blindness Simulator
Below, you can see how #ff1580 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.