#f45060 Color Information
In a RGB color space, hex #f45060 is composed of 95.7% red, 31.4% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.2% magenta, 60.7% yellow and 4.3% black. It has a hue angle of 354.1 degrees, a saturation of 88.2% and a lightness of 63.5%. #f45060 color hex could be obtained by blending #ffa0c0 with #e90000. Closest websafe color is: #ff6666.
-
- R 96
- G 31
- B 38
-
- C 0
- M 67
- Y 61
- K 4
● #f45060 color description : Soft red.
#f45060 Color Conversion
The hexadecimal color #f45060 has RGB values of R:244, G:80, B:96 and CMYK values of C:0, M:0.67, Y:0.61, K:0.04. Its decimal value is 16011360.
Hex triplet | f45060 | #f45060 |
---|---|---|
RGB Decimal | 244, 80, 96 | rgb(244,80,96) |
RGB Percent | 95.7, 31.4, 37.6 | rgb(95.7%,31.4%,37.6%) |
CMYK | 0, 67, 61, 4 | |
HSL | 354.1°, 88.2, 63.5 | hsl(354.1,88.2%,63.5%) |
HSV (or HSB) | 354.1°, 67.2, 95.7 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 57.865, 63.327, 26.837 |
---|---|
XYZ | 42.29, 25.82, 13.822 |
xyY | 0.516, 0.315, 25.82 |
CIE-LCH | 57.865, 68.779, 22.967 |
CIE-LUV | 57.865, 121.316, 18.79 |
Hunter-Lab | 50.813, 59.637, 19.441 |
Binary | 11110100, 01010000, 01100000 |
Color Schemes with #f45060
Alternatives to #f45060
Below, you can see some colors close to #f45060. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f45060 Preview
This text has a font color of #f45060.
<span style="color:#f45060;">Text here</span>
This paragraph has a background color of #f45060.
<p style="background-color:#f45060;">Content here</p>
This element has a border color of #f45060.
<div style="border:1px solid #f45060;">Content here</div>
.text {color:#f45060;}
.background {background-color:#f45060;}
.border {border:1px solid #f45060;}
Shades and Tints of #f45060
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, #0a0101 is the darkest color, while #fef6f7 is the lightest one.
-
#0a0101
#0a0101
rgb(10,1,1)
-
#1c0204
#1c0204
rgb(28,2,4)
-
#2e0307
#2e0307
rgb(46,3,7)
-
#41040a
#41040a
rgb(65,4,10)
-
#53050d
#53050d
rgb(83,5,13)
-
#660610
#660610
rgb(102,6,16)
-
#780813
#780813
rgb(120,8,19)
-
#8b0915
#8b0915
rgb(139,9,21)
-
#9d0a18
#9d0a18
rgb(157,10,24)
-
#b00b1b
#b00b1b
rgb(176,11,27)
-
#c20c1e
#c20c1e
rgb(194,12,30)
-
#d50d21
#d50d21
rgb(213,13,33)
-
#e70f24
#e70f24
rgb(231,15,36)
-
#f1192e
#f1192e
rgb(241,25,46)
-
#f22b3e
#f22b3e
rgb(242,43,62)
-
#f33e4f
#f33e4f
rgb(243,62,79)
-
#f45060
#f45060
rgb(244,80,96)
-
#f56271
#f56271
rgb(245,98,113)
-
#f67582
#f67582
rgb(246,117,130)
-
#f78792
#f78792
rgb(247,135,146)
-
#f99aa3
#f99aa3
rgb(249,154,163)
-
#faacb4
#faacb4
rgb(250,172,180)
-
#fbbfc5
#fbbfc5
rgb(251,191,197)
-
#fcd1d5
#fcd1d5
rgb(252,209,213)
-
#fde4e6
#fde4e6
rgb(253,228,230)
-
#fef6f7
#fef6f7
rgb(254,246,247)
Tones of #f45060
A tone is produced by adding gray to any pure hue. In this case, #a59f9f is the less saturated color, while #fb495a is the most saturated one.
-
#a59f9f
#a59f9f
rgb(165,159,159)
-
#ac989a
#ac989a
rgb(172,152,154)
-
#b49094
#b49094
rgb(180,144,148)
-
#bb898e
#bb898e
rgb(187,137,142)
-
#c28288
#c28288
rgb(194,130,136)
-
#c97b83
#c97b83
rgb(201,123,131)
-
#d0747d
#d0747d
rgb(208,116,125)
-
#d76d77
#d76d77
rgb(215,109,119)
-
#df6571
#df6571
rgb(223,101,113)
-
#e65e6c
#e65e6c
rgb(230,94,108)
-
#ed5766
#ed5766
rgb(237,87,102)
-
#f45060
#f45060
rgb(244,80,96)
-
#fb495a
#fb495a
rgb(251,73,90)
Color Blindness Simulator
Below, you can see how #f45060 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.