#f45063 Color Information
In a RGB color space, hex #f45063 is composed of 95.7% red, 31.4% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.2% magenta, 59.4% yellow and 4.3% black. It has a hue angle of 353 degrees, a saturation of 88.2% and a lightness of 63.5%. #f45063 color hex could be obtained by blending #ffa0c6 with #e90000. Closest websafe color is: #ff6666.
-
- R 96
- G 31
- B 39
-
- C 0
- M 67
- Y 59
- K 4
● #f45063 color description : Soft red.
#f45063 Color Conversion
The hexadecimal color #f45063 has RGB values of R:244, G:80, B:99 and CMYK values of C:0, M:0.67, Y:0.59, K:0.04. Its decimal value is 16011363.
Hex triplet | f45063 | #f45063 |
---|---|---|
RGB Decimal | 244, 80, 99 | rgb(244,80,99) |
RGB Percent | 95.7, 31.4, 38.8 | rgb(95.7%,31.4%,38.8%) |
CMYK | 0, 67, 59, 4 | |
HSL | 353°, 88.2, 63.5 | hsl(353,88.2%,63.5%) |
HSV (or HSB) | 353°, 67.2, 95.7 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 57.919, 63.519, 25.164 |
---|---|
XYZ | 42.431, 25.876, 14.564 |
xyY | 0.512, 0.312, 25.876 |
CIE-LCH | 57.919, 68.322, 21.612 |
CIE-LUV | 57.919, 120.493, 17.098 |
Hunter-Lab | 50.868, 59.872, 18.633 |
Binary | 11110100, 01010000, 01100011 |
Color Schemes with #f45063
Alternatives to #f45063
Below, you can see some colors close to #f45063. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f45063 Preview
This text has a font color of #f45063.
<span style="color:#f45063;">Text here</span>
This paragraph has a background color of #f45063.
<p style="background-color:#f45063;">Content here</p>
This element has a border color of #f45063.
<div style="border:1px solid #f45063;">Content here</div>
.text {color:#f45063;}
.background {background-color:#f45063;}
.border {border:1px solid #f45063;}
Shades and Tints of #f45063
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, #0a0102 is the darkest color, while #fef6f7 is the lightest one.
-
#0a0102
#0a0102
rgb(10,1,2)
-
#1c0205
#1c0205
rgb(28,2,5)
-
#2e0308
#2e0308
rgb(46,3,8)
-
#41040b
#41040b
rgb(65,4,11)
-
#53050e
#53050e
rgb(83,5,14)
-
#660611
#660611
rgb(102,6,17)
-
#780815
#780815
rgb(120,8,21)
-
#8b0918
#8b0918
rgb(139,9,24)
-
#9d0a1b
#9d0a1b
rgb(157,10,27)
-
#b00b1e
#b00b1e
rgb(176,11,30)
-
#c20c21
#c20c21
rgb(194,12,33)
-
#d50d24
#d50d24
rgb(213,13,36)
-
#e70f28
#e70f28
rgb(231,15,40)
-
#f11932
#f11932
rgb(241,25,50)
-
#f22b42
#f22b42
rgb(242,43,66)
-
#f33e53
#f33e53
rgb(243,62,83)
-
#f45063
#f45063
rgb(244,80,99)
-
#f56273
#f56273
rgb(245,98,115)
-
#f67584
#f67584
rgb(246,117,132)
-
#f78794
#f78794
rgb(247,135,148)
-
#f99aa5
#f99aa5
rgb(249,154,165)
-
#faacb5
#faacb5
rgb(250,172,181)
-
#fbbfc6
#fbbfc6
rgb(251,191,198)
-
#fcd1d6
#fcd1d6
rgb(252,209,214)
-
#fde4e7
#fde4e7
rgb(253,228,231)
-
#fef6f7
#fef6f7
rgb(254,246,247)
Tones of #f45063
A tone is produced by adding gray to any pure hue. In this case, #a59f9f is the less saturated color, while #fb495e is the most saturated one.
-
#a59f9f
#a59f9f
rgb(165,159,159)
-
#ac989a
#ac989a
rgb(172,152,154)
-
#b49094
#b49094
rgb(180,144,148)
-
#bb898f
#bb898f
rgb(187,137,143)
-
#c28289
#c28289
rgb(194,130,137)
-
#c97b84
#c97b84
rgb(201,123,132)
-
#d0747e
#d0747e
rgb(208,116,126)
-
#d76d79
#d76d79
rgb(215,109,121)
-
#df6573
#df6573
rgb(223,101,115)
-
#e65e6e
#e65e6e
rgb(230,94,110)
-
#ed5768
#ed5768
rgb(237,87,104)
-
#f45063
#f45063
rgb(244,80,99)
-
#fb495e
#fb495e
rgb(251,73,94)
Color Blindness Simulator
Below, you can see how #f45063 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.