#ff4580 Color Information
In a RGB color space, hex #ff4580 is composed of 100% red, 27.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.9% magenta, 49.8% yellow and 0% black. It has a hue angle of 341 degrees, a saturation of 100% and a lightness of 63.5%. #ff4580 color hex could be obtained by blending #ff8aff with #ff0001. Closest websafe color is: #ff3399.
-
- R 100
- G 27
- B 50
-
- C 0
- M 73
- Y 50
- K 0
● #ff4580 color description : Light pink.
#ff4580 Color Conversion
The hexadecimal color #ff4580 has RGB values of R:255, G:69, B:128 and CMYK values of C:0, M:0.73, Y:0.5, K:0. Its decimal value is 16729472.
Hex triplet | ff4580 | #ff4580 |
---|---|---|
RGB Decimal | 255, 69, 128 | rgb(255,69,128) |
RGB Percent | 100, 27.1, 50.2 | rgb(100%,27.1%,50.2%) |
CMYK | 0, 73, 50, 0 | |
HSL | 341°, 100, 63.5 | hsl(341,100%,63.5%) |
HSV (or HSB) | 341°, 72.9, 100 | |
Web Safe | ff3399 | #ff3399 |
CIE-LAB | 59.048, 72.649, 10.008 |
---|---|
XYZ | 47.266, 27.08, 23.159 |
xyY | 0.485, 0.278, 27.08 |
CIE-LCH | 59.048, 73.335, 7.844 |
CIE-LUV | 59.048, 125.66, -1.752 |
Hunter-Lab | 52.038, 71.063, 10.041 |
Binary | 11111111, 01000101, 10000000 |
Color Schemes with #ff4580
Alternatives to #ff4580
Below, you can see some colors close to #ff4580. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff4580 Preview
This text has a font color of #ff4580.
<span style="color:#ff4580;">Text here</span>
This paragraph has a background color of #ff4580.
<p style="background-color:#ff4580;">Content here</p>
This element has a border color of #ff4580.
<div style="border:1px solid #ff4580;">Content here</div>
.text {color:#ff4580;}
.background {background-color:#ff4580;}
.border {border:1px solid #ff4580;}
Shades and Tints of #ff4580
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, #0a0003 is the darkest color, while #fff6f9 is the lightest one.
-
#0a0003
#0a0003
rgb(10,0,3)
-
#1e0009
#1e0009
rgb(30,0,9)
-
#310010
#310010
rgb(49,0,16)
-
#450016
#450016
rgb(69,0,22)
-
#59001c
#59001c
rgb(89,0,28)
-
#6c0022
#6c0022
rgb(108,0,34)
-
#800029
#800029
rgb(128,0,41)
-
#93002f
#93002f
rgb(147,0,47)
-
#a70035
#a70035
rgb(167,0,53)
-
#bb003b
#bb003b
rgb(187,0,59)
-
#ce0041
#ce0041
rgb(206,0,65)
-
#e20048
#e20048
rgb(226,0,72)
-
#f6004e
#f6004e
rgb(246,0,78)
-
#ff0a58
#ff0a58
rgb(255,10,88)
-
#ff1e65
#ff1e65
rgb(255,30,101)
-
#ff3173
#ff3173
rgb(255,49,115)
-
#ff4580
#ff4580
rgb(255,69,128)
-
#ff598d
#ff598d
rgb(255,89,141)
-
#ff6c9b
#ff6c9b
rgb(255,108,155)
-
#ff80a8
#ff80a8
rgb(255,128,168)
-
#ff93b6
#ff93b6
rgb(255,147,182)
-
#ffa7c3
#ffa7c3
rgb(255,167,195)
-
#ffbbd0
#ffbbd0
rgb(255,187,208)
-
#ffcede
#ffcede
rgb(255,206,222)
-
#ffe2eb
#ffe2eb
rgb(255,226,235)
-
#fff6f9
#fff6f9
rgb(255,246,249)
Tones of #ff4580
A tone is produced by adding gray to any pure hue. In this case, #a99b9f is the less saturated color, while #ff4580 is the most saturated one.
-
#a99b9f
#a99b9f
rgb(169,155,159)
-
#b0949d
#b0949d
rgb(176,148,157)
-
#b78d9a
#b78d9a
rgb(183,141,154)
-
#bf8598
#bf8598
rgb(191,133,152)
-
#c67e95
#c67e95
rgb(198,126,149)
-
#cd7792
#cd7792
rgb(205,119,146)
-
#d47090
#d47090
rgb(212,112,144)
-
#db698d
#db698d
rgb(219,105,141)
-
#e2628a
#e2628a
rgb(226,98,138)
-
#ea5a88
#ea5a88
rgb(234,90,136)
-
#f15385
#f15385
rgb(241,83,133)
-
#f84c83
#f84c83
rgb(248,76,131)
-
#ff4580
#ff4580
rgb(255,69,128)
Color Blindness Simulator
Below, you can see how #ff4580 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.