#f45480 Color Information
In a RGB color space, hex #f45480 is composed of 95.7% red, 32.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.6% magenta, 47.5% yellow and 4.3% black. It has a hue angle of 343.5 degrees, a saturation of 87.9% and a lightness of 64.3%. #f45480 color hex could be obtained by blending #ffa8ff with #e90001. Closest websafe color is: #ff6699.
-
- R 96
- G 33
- B 50
-
- C 0
- M 66
- Y 48
- K 4
● #f45480 color description : Soft pink.
#f45480 Color Conversion
The hexadecimal color #f45480 has RGB values of R:244, G:84, B:128 and CMYK values of C:0, M:0.66, Y:0.48, K:0.04. Its decimal value is 16012416.
Hex triplet | f45480 | #f45480 |
---|---|---|
RGB Decimal | 244, 84, 128 | rgb(244,84,128) |
RGB Percent | 95.7, 32.9, 50.2 | rgb(95.7%,32.9%,50.2%) |
CMYK | 0, 66, 48, 4 | |
HSL | 343.5°, 87.9, 64.3 | hsl(343.5,87.9%,64.3%) |
HSV (or HSB) | 343.5°, 65.6, 95.7 | |
Web Safe | ff6699 | #ff6699 |
CIE-LAB | 59.101, 64.179, 9.819 |
---|---|
XYZ | 44.376, 27.137, 23.322 |
xyY | 0.468, 0.286, 27.137 |
CIE-LCH | 59.101, 64.926, 8.699 |
CIE-LUV | 59.101, 109.563, 0.064 |
Hunter-Lab | 52.093, 60.895, 9.921 |
Binary | 11110100, 01010100, 10000000 |
Color Schemes with #f45480
Alternatives to #f45480
Below, you can see some colors close to #f45480. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f45480 Preview
This text has a font color of #f45480.
<span style="color:#f45480;">Text here</span>
This paragraph has a background color of #f45480.
<p style="background-color:#f45480;">Content here</p>
This element has a border color of #f45480.
<div style="border:1px solid #f45480;">Content here</div>
.text {color:#f45480;}
.background {background-color:#f45480;}
.border {border:1px solid #f45480;}
Shades and Tints of #f45480
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, #0d0104 is the darkest color, while #fffafb is the lightest one.
-
#0d0104
#0d0104
rgb(13,1,4)
-
#20020a
#20020a
rgb(32,2,10)
-
#320310
#320310
rgb(50,3,16)
-
#450416
#450416
rgb(69,4,22)
-
#57061c
#57061c
rgb(87,6,28)
-
#690722
#690722
rgb(105,7,34)
-
#7c0828
#7c0828
rgb(124,8,40)
-
#8e092e
#8e092e
rgb(142,9,46)
-
#a10a34
#a10a34
rgb(161,10,52)
-
#b30c3a
#b30c3a
rgb(179,12,58)
-
#c60d40
#c60d40
rgb(198,13,64)
-
#d80e45
#d80e45
rgb(216,14,69)
-
#ea0f4b
#ea0f4b
rgb(234,15,75)
-
#f01d57
#f01d57
rgb(240,29,87)
-
#f22f65
#f22f65
rgb(242,47,101)
-
#f34272
#f34272
rgb(243,66,114)
-
#f45480
#f45480
rgb(244,84,128)
-
#f5668e
#f5668e
rgb(245,102,142)
-
#f6799b
#f6799b
rgb(246,121,155)
-
#f88ba9
#f88ba9
rgb(248,139,169)
-
#f99eb7
#f99eb7
rgb(249,158,183)
-
#fab0c4
#fab0c4
rgb(250,176,196)
-
#fbc3d2
#fbc3d2
rgb(251,195,210)
-
#fcd5e0
#fcd5e0
rgb(252,213,224)
-
#fde7ee
#fde7ee
rgb(253,231,238)
-
#fffafb
#fffafb
rgb(255,250,251)
Tones of #f45480
A tone is produced by adding gray to any pure hue. In this case, #a7a1a3 is the less saturated color, while #fb4d7d is the most saturated one.
-
#a7a1a3
#a7a1a3
rgb(167,161,163)
-
#ae9aa0
#ae9aa0
rgb(174,154,160)
-
#b5939c
#b5939c
rgb(181,147,156)
-
#bc8c99
#bc8c99
rgb(188,140,153)
-
#c38596
#c38596
rgb(195,133,150)
-
#ca7e93
#ca7e93
rgb(202,126,147)
-
#d17790
#d17790
rgb(209,119,144)
-
#d8708d
#d8708d
rgb(216,112,141)
-
#df6989
#df6989
rgb(223,105,137)
-
#e66286
#e66286
rgb(230,98,134)
-
#ed5b83
#ed5b83
rgb(237,91,131)
-
#f45480
#f45480
rgb(244,84,128)
-
#fb4d7d
#fb4d7d
rgb(251,77,125)
Color Blindness Simulator
Below, you can see how #f45480 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.