#f5670f Color Information
In a RGB color space, hex #f5670f is composed of 96.1% red, 40.4% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58% magenta, 93.9% yellow and 3.9% black. It has a hue angle of 23 degrees, a saturation of 92% and a lightness of 51%. #f5670f color hex could be obtained by blending #ffce1e with #eb0000. Closest websafe color is: #ff6600.
-
- R 96
- G 40
- B 6
-
- C 0
- M 58
- Y 94
- K 4
● #f5670f color description : Vivid orange.
#f5670f Color Conversion
The hexadecimal color #f5670f has RGB values of R:245, G:103, B:15 and CMYK values of C:0, M:0.58, Y:0.94, K:0.04. Its decimal value is 16082703.
Hex triplet | f5670f | #f5670f |
---|---|---|
RGB Decimal | 245, 103, 15 | rgb(245,103,15) |
RGB Percent | 96.1, 40.4, 5.9 | rgb(96.1%,40.4%,5.9%) |
CMYK | 0, 58, 94, 4 | |
HSL | 23°, 92, 51 | hsl(23,92%,51%) |
HSV (or HSB) | 23°, 93.9, 96.1 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 60.916, 51.094, 67.049 |
---|---|
XYZ | 42.595, 29.152, 3.836 |
xyY | 0.564, 0.386, 29.152 |
CIE-LCH | 60.916, 84.298, 52.691 |
CIE-LUV | 60.916, 117.908, 51.951 |
Hunter-Lab | 53.993, 46.331, 33.583 |
Binary | 11110101, 01100111, 00001111 |
Color Schemes with #f5670f
Alternatives to #f5670f
Below, you can see some colors close to #f5670f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5670f Preview
This text has a font color of #f5670f.
<span style="color:#f5670f;">Text here</span>
This paragraph has a background color of #f5670f.
<p style="background-color:#f5670f;">Content here</p>
This element has a border color of #f5670f.
<div style="border:1px solid #f5670f;">Content here</div>
.text {color:#f5670f;}
.background {background-color:#f5670f;}
.border {border:1px solid #f5670f;}
Shades and Tints of #f5670f
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, #050200 is the darkest color, while #fef6f1 is the lightest one.
-
#050200
#050200
rgb(5,2,0)
-
#180a01
#180a01
rgb(24,10,1)
-
#2a1102
#2a1102
rgb(42,17,2)
-
#3d1903
#3d1903
rgb(61,25,3)
-
#502103
#502103
rgb(80,33,3)
-
#632804
#632804
rgb(99,40,4)
-
#763005
#763005
rgb(118,48,5)
-
#893806
#893806
rgb(137,56,6)
-
#9b3f06
#9b3f06
rgb(155,63,6)
-
#ae4707
#ae4707
rgb(174,71,7)
-
#c14f08
#c14f08
rgb(193,79,8)
-
#d45709
#d45709
rgb(212,87,9)
-
#e75e0a
#e75e0a
rgb(231,94,10)
-
#f5670f
#f5670f
rgb(245,103,15)
-
#f67322
#f67322
rgb(246,115,34)
-
#f77f35
#f77f35
rgb(247,127,53)
-
#f78b47
#f78b47
rgb(247,139,71)
-
#f8975a
#f8975a
rgb(248,151,90)
-
#f9a36d
#f9a36d
rgb(249,163,109)
-
#faaf80
#faaf80
rgb(250,175,128)
-
#faba93
#faba93
rgb(250,186,147)
-
#fbc6a6
#fbc6a6
rgb(251,198,166)
-
#fcd2b8
#fcd2b8
rgb(252,210,184)
-
#fddecb
#fddecb
rgb(253,222,203)
-
#feeade
#feeade
rgb(254,234,222)
-
#fef6f1
#fef6f1
rgb(254,246,241)
Tones of #f5670f
A tone is produced by adding gray to any pure hue. In this case, #8b8079 is the less saturated color, while #ff6505 is the most saturated one.
-
#8b8079
#8b8079
rgb(139,128,121)
-
#957e6f
#957e6f
rgb(149,126,111)
-
#9e7b66
#9e7b66
rgb(158,123,102)
-
#a8795c
#a8795c
rgb(168,121,92)
-
#b27752
#b27752
rgb(178,119,82)
-
#bb7549
#bb7549
rgb(187,117,73)
-
#c5723f
#c5723f
rgb(197,114,63)
-
#cf7035
#cf7035
rgb(207,112,53)
-
#d86e2c
#d86e2c
rgb(216,110,44)
-
#e26c22
#e26c22
rgb(226,108,34)
-
#eb6919
#eb6919
rgb(235,105,25)
-
#f5670f
#f5670f
rgb(245,103,15)
-
#ff6505
#ff6505
rgb(255,101,5)
Color Blindness Simulator
Below, you can see how #f5670f 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.