#f45085 Color Information
In a RGB color space, hex #f45085 is composed of 95.7% red, 31.4% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.2% magenta, 45.5% yellow and 4.3% black. It has a hue angle of 340.6 degrees, a saturation of 88.2% and a lightness of 63.5%. #f45085 color hex could be obtained by blending #ffa0ff with #e9000b. Closest websafe color is: #ff6699.
-
- R 96
- G 31
- B 52
-
- C 0
- M 67
- Y 45
- K 4
● #f45085 color description : Soft pink.
#f45085 Color Conversion
The hexadecimal color #f45085 has RGB values of R:244, G:80, B:133 and CMYK values of C:0, M:0.67, Y:0.45, K:0.04. Its decimal value is 16011397.
Hex triplet | f45085 | #f45085 |
---|---|---|
RGB Decimal | 244, 80, 133 | rgb(244,80,133) |
RGB Percent | 95.7, 31.4, 52.2 | rgb(95.7%,31.4%,52.2%) |
CMYK | 0, 67, 45, 4 | |
HSL | 340.6°, 88.2, 63.5 | hsl(340.6,88.2%,63.5%) |
HSV (or HSB) | 340.6°, 67.2, 95.7 | |
Web Safe | ff6699 | #ff6699 |
CIE-LAB | 58.666, 66.156, 6.27 |
---|---|
XYZ | 44.412, 26.668, 24.998 |
xyY | 0.462, 0.278, 26.668 |
CIE-LCH | 58.666, 66.452, 5.414 |
CIE-LUV | 58.666, 109.948, -4.776 |
Hunter-Lab | 51.641, 63.138, 7.449 |
Binary | 11110100, 01010000, 10000101 |
Color Schemes with #f45085
Alternatives to #f45085
Below, you can see some colors close to #f45085. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f45085 Preview
This text has a font color of #f45085.
<span style="color:#f45085;">Text here</span>
This paragraph has a background color of #f45085.
<p style="background-color:#f45085;">Content here</p>
This element has a border color of #f45085.
<div style="border:1px solid #f45085;">Content here</div>
.text {color:#f45085;}
.background {background-color:#f45085;}
.border {border:1px solid #f45085;}
Shades and Tints of #f45085
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, #0a0103 is the darkest color, while #fef6f9 is the lightest one.
-
#0a0103
#0a0103
rgb(10,1,3)
-
#1c020a
#1c020a
rgb(28,2,10)
-
#2e0311
#2e0311
rgb(46,3,17)
-
#410418
#410418
rgb(65,4,24)
-
#53051e
#53051e
rgb(83,5,30)
-
#660625
#660625
rgb(102,6,37)
-
#78082c
#78082c
rgb(120,8,44)
-
#8b0933
#8b0933
rgb(139,9,51)
-
#9d0a39
#9d0a39
rgb(157,10,57)
-
#b00b40
#b00b40
rgb(176,11,64)
-
#c20c47
#c20c47
rgb(194,12,71)
-
#d50d4e
#d50d4e
rgb(213,13,78)
-
#e70f54
#e70f54
rgb(231,15,84)
-
#f1195e
#f1195e
rgb(241,25,94)
-
#f22b6b
#f22b6b
rgb(242,43,107)
-
#f33e78
#f33e78
rgb(243,62,120)
-
#f45085
#f45085
rgb(244,80,133)
-
#f56292
#f56292
rgb(245,98,146)
-
#f6759f
#f6759f
rgb(246,117,159)
-
#f787ac
#f787ac
rgb(247,135,172)
-
#f99ab8
#f99ab8
rgb(249,154,184)
-
#faacc5
#faacc5
rgb(250,172,197)
-
#fbbfd2
#fbbfd2
rgb(251,191,210)
-
#fcd1df
#fcd1df
rgb(252,209,223)
-
#fde4ec
#fde4ec
rgb(253,228,236)
-
#fef6f9
#fef6f9
rgb(254,246,249)
Tones of #f45085
A tone is produced by adding gray to any pure hue. In this case, #a59fa1 is the less saturated color, while #fb4982 is the most saturated one.
-
#a59fa1
#a59fa1
rgb(165,159,161)
-
#ac989e
#ac989e
rgb(172,152,158)
-
#b4909c
#b4909c
rgb(180,144,156)
-
#bb8999
#bb8999
rgb(187,137,153)
-
#c28297
#c28297
rgb(194,130,151)
-
#c97b94
#c97b94
rgb(201,123,148)
-
#d07492
#d07492
rgb(208,116,146)
-
#d76d8f
#d76d8f
rgb(215,109,143)
-
#df658d
#df658d
rgb(223,101,141)
-
#e65e8a
#e65e8a
rgb(230,94,138)
-
#ed5788
#ed5788
rgb(237,87,136)
-
#f45085
#f45085
rgb(244,80,133)
-
#fb4982
#fb4982
rgb(251,73,130)
Color Blindness Simulator
Below, you can see how #f45085 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.