#f45462 Color Information
In a RGB color space, hex #f45462 is composed of 95.7% red, 32.9% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.6% magenta, 59.8% yellow and 4.3% black. It has a hue angle of 354.8 degrees, a saturation of 87.9% and a lightness of 64.3%. #f45462 color hex could be obtained by blending #ffa8c4 with #e90000. Closest websafe color is: #ff6666.
-
- R 96
- G 33
- B 38
-
- C 0
- M 66
- Y 60
- K 4
● #f45462 color description : Soft red.
#f45462 Color Conversion
The hexadecimal color #f45462 has RGB values of R:244, G:84, B:98 and CMYK values of C:0, M:0.66, Y:0.6, K:0.04. Its decimal value is 16012386.
Hex triplet | f45462 | #f45462 |
---|---|---|
RGB Decimal | 244, 84, 98 | rgb(244,84,98) |
RGB Percent | 95.7, 32.9, 38.4 | rgb(95.7%,32.9%,38.4%) |
CMYK | 0, 66, 60, 4 | |
HSL | 354.8°, 87.9, 64.3 | hsl(354.8,87.9%,64.3%) |
HSV (or HSB) | 354.8°, 65.6, 95.7 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 58.471, 61.9, 26.467 |
---|---|
XYZ | 42.685, 26.46, 14.414 |
xyY | 0.511, 0.317, 26.46 |
CIE-LCH | 58.471, 67.321, 23.151 |
CIE-LUV | 58.471, 118.414, 18.915 |
Hunter-Lab | 51.439, 58.101, 19.393 |
Binary | 11110100, 01010100, 01100010 |
Color Schemes with #f45462
Alternatives to #f45462
Below, you can see some colors close to #f45462. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f45462 Preview
This text has a font color of #f45462.
<span style="color:#f45462;">Text here</span>
This paragraph has a background color of #f45462.
<p style="background-color:#f45462;">Content here</p>
This element has a border color of #f45462.
<div style="border:1px solid #f45462;">Content here</div>
.text {color:#f45462;}
.background {background-color:#f45462;}
.border {border:1px solid #f45462;}
Shades and Tints of #f45462
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, #0d0102 is the darkest color, while #fffafa is the lightest one.
-
#0d0102
#0d0102
rgb(13,1,2)
-
#200205
#200205
rgb(32,2,5)
-
#320307
#320307
rgb(50,3,7)
-
#45040a
#45040a
rgb(69,4,10)
-
#57060d
#57060d
rgb(87,6,13)
-
#69070f
#69070f
rgb(105,7,15)
-
#7c0812
#7c0812
rgb(124,8,18)
-
#8e0915
#8e0915
rgb(142,9,21)
-
#a10a17
#a10a17
rgb(161,10,23)
-
#b30c1a
#b30c1a
rgb(179,12,26)
-
#c60d1d
#c60d1d
rgb(198,13,29)
-
#d80e20
#d80e20
rgb(216,14,32)
-
#ea0f22
#ea0f22
rgb(234,15,34)
-
#f01d2f
#f01d2f
rgb(240,29,47)
-
#f22f40
#f22f40
rgb(242,47,64)
-
#f34251
#f34251
rgb(243,66,81)
-
#f45462
#f45462
rgb(244,84,98)
-
#f56673
#f56673
rgb(245,102,115)
-
#f67984
#f67984
rgb(246,121,132)
-
#f88b95
#f88b95
rgb(248,139,149)
-
#f99ea6
#f99ea6
rgb(249,158,166)
-
#fab0b7
#fab0b7
rgb(250,176,183)
-
#fbc3c8
#fbc3c8
rgb(251,195,200)
-
#fcd5d8
#fcd5d8
rgb(252,213,216)
-
#fde7e9
#fde7e9
rgb(253,231,233)
-
#fffafa
#fffafa
rgb(255,250,250)
Tones of #f45462
A tone is produced by adding gray to any pure hue. In this case, #a7a1a2 is the less saturated color, while #fb4d5c is the most saturated one.
-
#a7a1a2
#a7a1a2
rgb(167,161,162)
-
#ae9a9c
#ae9a9c
rgb(174,154,156)
-
#b59396
#b59396
rgb(181,147,150)
-
#bc8c90
#bc8c90
rgb(188,140,144)
-
#c3858a
#c3858a
rgb(195,133,138)
-
#ca7e85
#ca7e85
rgb(202,126,133)
-
#d1777f
#d1777f
rgb(209,119,127)
-
#d87079
#d87079
rgb(216,112,121)
-
#df6973
#df6973
rgb(223,105,115)
-
#e6626e
#e6626e
rgb(230,98,110)
-
#ed5b68
#ed5b68
rgb(237,91,104)
-
#f45462
#f45462
rgb(244,84,98)
-
#fb4d5c
#fb4d5c
rgb(251,77,92)
Color Blindness Simulator
Below, you can see how #f45462 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.