#f46156 Color Information
In a RGB color space, hex #f46156 is composed of 95.7% red, 38% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.2% magenta, 64.8% yellow and 4.3% black. It has a hue angle of 4.2 degrees, a saturation of 87.8% and a lightness of 64.7%. #f46156 color hex could be obtained by blending #ffc2ac with #e90000. Closest websafe color is: #ff6666.
-
- R 96
- G 38
- B 34
-
- C 0
- M 60
- Y 65
- K 4
● #f46156 color description : Soft red.
#f46156 Color Conversion
The hexadecimal color #f46156 has RGB values of R:244, G:97, B:86 and CMYK values of C:0, M:0.6, Y:0.65, K:0.04. Its decimal value is 16015702.
Hex triplet | f46156 | #f46156 |
---|---|---|
RGB Decimal | 244, 97, 86 | rgb(244,97,86) |
RGB Percent | 95.7, 38, 33.7 | rgb(95.7%,38%,33.7%) |
CMYK | 0, 60, 65, 4 | |
HSL | 4.2°, 87.8, 64.7 | hsl(4.2,87.8%,64.7%) |
HSV (or HSB) | 4.2°, 64.8, 95.7 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 60.301, 55.738, 35.615 |
---|---|
XYZ | 43.264, 28.459, 12.018 |
xyY | 0.517, 0.34, 28.459 |
CIE-LCH | 60.301, 66.145, 32.577 |
CIE-LUV | 60.301, 112.91, 29.511 |
Hunter-Lab | 53.347, 51.407, 23.985 |
Binary | 11110100, 01100001, 01010110 |
Color Schemes with #f46156
Alternatives to #f46156
Below, you can see some colors close to #f46156. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f46156 Preview
This text has a font color of #f46156.
<span style="color:#f46156;">Text here</span>
This paragraph has a background color of #f46156.
<p style="background-color:#f46156;">Content here</p>
This element has a border color of #f46156.
<div style="border:1px solid #f46156;">Content here</div>
.text {color:#f46156;}
.background {background-color:#f46156;}
.border {border:1px solid #f46156;}
Shades and Tints of #f46156
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, #0f0201 is the darkest color, while #fffcfc is the lightest one.
-
#0f0201
#0f0201
rgb(15,2,1)
-
#220402
#220402
rgb(34,4,2)
-
#340703
#340703
rgb(52,7,3)
-
#460905
#460905
rgb(70,9,5)
-
#590c06
#590c06
rgb(89,12,6)
-
#6b0e07
#6b0e07
rgb(107,14,7)
-
#7e1008
#7e1008
rgb(126,16,8)
-
#901309
#901309
rgb(144,19,9)
-
#a3150b
#a3150b
rgb(163,21,11)
-
#b5180c
#b5180c
rgb(181,24,12)
-
#c71a0d
#c71a0d
rgb(199,26,13)
-
#da1c0e
#da1c0e
rgb(218,28,14)
-
#ec1f0f
#ec1f0f
rgb(236,31,15)
-
#f02d1f
#f02d1f
rgb(240,45,31)
-
#f23f31
#f23f31
rgb(242,63,49)
-
#f35044
#f35044
rgb(243,80,68)
-
#f46156
#f46156
rgb(244,97,86)
-
#f57268
#f57268
rgb(245,114,104)
-
#f6837b
#f6837b
rgb(246,131,123)
-
#f8958d
#f8958d
rgb(248,149,141)
-
#f9a6a0
#f9a6a0
rgb(249,166,160)
-
#fab7b2
#fab7b2
rgb(250,183,178)
-
#fbc8c5
#fbc8c5
rgb(251,200,197)
-
#fcdad7
#fcdad7
rgb(252,218,215)
-
#feebe9
#feebe9
rgb(254,235,233)
-
#fffcfc
#fffcfc
rgb(255,252,252)
Tones of #f46156
A tone is produced by adding gray to any pure hue. In this case, #a8a3a2 is the less saturated color, while #fb5b4f is the most saturated one.
-
#a8a3a2
#a8a3a2
rgb(168,163,162)
-
#af9d9b
#af9d9b
rgb(175,157,155)
-
#b69794
#b69794
rgb(182,151,148)
-
#bd918d
#bd918d
rgb(189,145,141)
-
#c48b86
#c48b86
rgb(196,139,134)
-
#ca8580
#ca8580
rgb(202,133,128)
-
#d17f79
#d17f79
rgb(209,127,121)
-
#d87972
#d87972
rgb(216,121,114)
-
#df736b
#df736b
rgb(223,115,107)
-
#e66d64
#e66d64
rgb(230,109,100)
-
#ed675d
#ed675d
rgb(237,103,93)
-
#f46156
#f46156
rgb(244,97,86)
-
#fb5b4f
#fb5b4f
rgb(251,91,79)
Color Blindness Simulator
Below, you can see how #f46156 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.