#f45e5d Color Information
In a RGB color space, hex #f45e5d is composed of 95.7% red, 36.9% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.5% magenta, 61.9% yellow and 4.3% black. It has a hue angle of 0.4 degrees, a saturation of 87.3% and a lightness of 66.1%. #f45e5d color hex could be obtained by blending #ffbcba with #e90000. Closest websafe color is: #ff6666.
-
- R 96
- G 37
- B 36
-
- C 0
- M 61
- Y 62
- K 4
● #f45e5d color description : Soft red.
#f45e5d Color Conversion
The hexadecimal color #f45e5d has RGB values of R:244, G:94, B:93 and CMYK values of C:0, M:0.61, Y:0.62, K:0.04. Its decimal value is 16014941.
Hex triplet | f45e5d | #f45e5d |
---|---|---|
RGB Decimal | 244, 94, 93 | rgb(244,94,93) |
RGB Percent | 95.7, 36.9, 36.5 | rgb(95.7%,36.9%,36.5%) |
CMYK | 0, 61, 62, 4 | |
HSL | 0.4°, 87.3, 66.1 | hsl(0.4,87.3%,66.1%) |
HSV (or HSB) | 0.4°, 61.9, 95.7 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 59.919, 57.457, 31.198 |
---|---|
XYZ | 43.288, 28.033, 13.487 |
xyY | 0.51, 0.331, 28.033 |
CIE-LCH | 59.919, 65.38, 28.501 |
CIE-LUV | 59.919, 113.375, 24.935 |
Hunter-Lab | 52.946, 53.283, 21.96 |
Binary | 11110100, 01011110, 01011101 |
Color Schemes with #f45e5d
Alternatives to #f45e5d
Below, you can see some colors close to #f45e5d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f45e5d Preview
This text has a font color of #f45e5d.
<span style="color:#f45e5d;">Text here</span>
This paragraph has a background color of #f45e5d.
<p style="background-color:#f45e5d;">Content here</p>
This element has a border color of #f45e5d.
<div style="border:1px solid #f45e5d;">Content here</div>
.text {color:#f45e5d;}
.background {background-color:#f45e5d;}
.border {border:1px solid #f45e5d;}
Shades and Tints of #f45e5d
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, #030000 is the darkest color, while #fef0f0 is the lightest one.
-
#030000
#030000
rgb(3,0,0)
-
#160201
#160201
rgb(22,2,1)
-
#280303
#280303
rgb(40,3,3)
-
#3a0404
#3a0404
rgb(58,4,4)
-
#4d0605
#4d0605
rgb(77,6,5)
-
#5f0706
#5f0706
rgb(95,7,6)
-
#720808
#720808
rgb(114,8,8)
-
#840a09
#840a09
rgb(132,10,9)
-
#960b0a
#960b0a
rgb(150,11,10)
-
#a90c0b
#a90c0b
rgb(169,12,11)
-
#bb0e0d
#bb0e0d
rgb(187,14,13)
-
#cd0f0e
#cd0f0e
rgb(205,15,14)
-
#e0110f
#e0110f
rgb(224,17,15)
-
#ef1514
#ef1514
rgb(239,21,20)
-
#f02726
#f02726
rgb(240,39,38)
-
#f23938
#f23938
rgb(242,57,56)
-
#f34c4b
#f34c4b
rgb(243,76,75)
-
#f45e5d
#f45e5d
rgb(244,94,93)
-
#f5706f
#f5706f
rgb(245,112,111)
-
#f68382
#f68382
rgb(246,131,130)
-
#f89594
#f89594
rgb(248,149,148)
-
#f9a7a6
#f9a7a6
rgb(249,167,166)
-
#fab9b9
#fab9b9
rgb(250,185,185)
-
#fbcccb
#fbcccb
rgb(251,204,203)
-
#fddede
#fddede
rgb(253,222,222)
-
#fef0f0
#fef0f0
rgb(254,240,240)
Tones of #f45e5d
A tone is produced by adding gray to any pure hue. In this case, #aba6a6 is the less saturated color, while #fb5756 is the most saturated one.
-
#aba6a6
#aba6a6
rgb(171,166,166)
-
#b1a0a0
#b1a0a0
rgb(177,160,160)
-
#b89999
#b89999
rgb(184,153,153)
-
#bf9392
#bf9392
rgb(191,147,146)
-
#c58c8c
#c58c8c
rgb(197,140,140)
-
#cc8585
#cc8585
rgb(204,133,133)
-
#d37f7e
#d37f7e
rgb(211,127,126)
-
#d97878
#d97878
rgb(217,120,120)
-
#e07271
#e07271
rgb(224,114,113)
-
#e76b6a
#e76b6a
rgb(231,107,106)
-
#ed6564
#ed6564
rgb(237,101,100)
-
#f45e5d
#f45e5d
rgb(244,94,93)
-
#fb5756
#fb5756
rgb(251,87,86)
Color Blindness Simulator
Below, you can see how #f45e5d 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.