#f5670e Color Information
In a RGB color space, hex #f5670e is composed of 96.1% red, 40.4% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58% magenta, 94.3% yellow and 3.9% black. It has a hue angle of 23.1 degrees, a saturation of 92% and a lightness of 50.8%. #f5670e color hex could be obtained by blending #ffce1c with #eb0000. Closest websafe color is: #ff6600.
-
- R 96
- G 40
- B 5
-
- C 0
- M 58
- Y 94
- K 4
● #f5670e color description : Vivid orange.
#f5670e Color Conversion
The hexadecimal color #f5670e has RGB values of R:245, G:103, B:14 and CMYK values of C:0, M:0.58, Y:0.94, K:0.04. Its decimal value is 16082702.
Hex triplet | f5670e | #f5670e |
---|---|---|
RGB Decimal | 245, 103, 14 | rgb(245,103,14) |
RGB Percent | 96.1, 40.4, 5.5 | rgb(96.1%,40.4%,5.5%) |
CMYK | 0, 58, 94, 4 | |
HSL | 23.1°, 92, 50.8 | hsl(23.1,92%,50.8%) |
HSV (or HSB) | 23.1°, 94.3, 96.1 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 60.913, 51.084, 67.254 |
---|---|
XYZ | 42.588, 29.149, 3.799 |
xyY | 0.564, 0.386, 29.149 |
CIE-LCH | 60.913, 84.455, 52.781 |
CIE-LUV | 60.913, 117.947, 52.045 |
Hunter-Lab | 53.99, 46.319, 33.621 |
Binary | 11110101, 01100111, 00001110 |
Color Schemes with #f5670e
Alternatives to #f5670e
Below, you can see some colors close to #f5670e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5670e Preview
This text has a font color of #f5670e.
<span style="color:#f5670e;">Text here</span>
This paragraph has a background color of #f5670e.
<p style="background-color:#f5670e;">Content here</p>
This element has a border color of #f5670e.
<div style="border:1px solid #f5670e;">Content here</div>
.text {color:#f5670e;}
.background {background-color:#f5670e;}
.border {border:1px solid #f5670e;}
Shades and Tints of #f5670e
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, #040200 is the darkest color, while #fef6f0 is the lightest one.
-
#040200
#040200
rgb(4,2,0)
-
#170901
#170901
rgb(23,9,1)
-
#2a1102
#2a1102
rgb(42,17,2)
-
#3c1903
#3c1903
rgb(60,25,3)
-
#4f2103
#4f2103
rgb(79,33,3)
-
#622804
#622804
rgb(98,40,4)
-
#753005
#753005
rgb(117,48,5)
-
#883806
#883806
rgb(136,56,6)
-
#9b3f06
#9b3f06
rgb(155,63,6)
-
#ad4707
#ad4707
rgb(173,71,7)
-
#c04f08
#c04f08
rgb(192,79,8)
-
#d35709
#d35709
rgb(211,87,9)
-
#e65e0a
#e65e0a
rgb(230,94,10)
-
#f5670e
#f5670e
rgb(245,103,14)
-
#f67321
#f67321
rgb(246,115,33)
-
#f77f34
#f77f34
rgb(247,127,52)
-
#f78b47
#f78b47
rgb(247,139,71)
-
#f89759
#f89759
rgb(248,151,89)
-
#f9a26c
#f9a26c
rgb(249,162,108)
-
#faae7f
#faae7f
rgb(250,174,127)
-
#faba92
#faba92
rgb(250,186,146)
-
#fbc6a5
#fbc6a5
rgb(251,198,165)
-
#fcd2b8
#fcd2b8
rgb(252,210,184)
-
#fddeca
#fddeca
rgb(253,222,202)
-
#feeadd
#feeadd
rgb(254,234,221)
-
#fef6f0
#fef6f0
rgb(254,246,240)
Tones of #f5670e
A tone is produced by adding gray to any pure hue. In this case, #8b7f78 is the less saturated color, while #ff6504 is the most saturated one.
-
#8b7f78
#8b7f78
rgb(139,127,120)
-
#947d6f
#947d6f
rgb(148,125,111)
-
#9e7b65
#9e7b65
rgb(158,123,101)
-
#a8795b
#a8795b
rgb(168,121,91)
-
#b17752
#b17752
rgb(177,119,82)
-
#bb7448
#bb7448
rgb(187,116,72)
-
#c5723e
#c5723e
rgb(197,114,62)
-
#ce7035
#ce7035
rgb(206,112,53)
-
#d86e2b
#d86e2b
rgb(216,110,43)
-
#e26b21
#e26b21
rgb(226,107,33)
-
#eb6918
#eb6918
rgb(235,105,24)
-
#f5670e
#f5670e
rgb(245,103,14)
-
#ff6504
#ff6504
rgb(255,101,4)
Color Blindness Simulator
Below, you can see how #f5670e 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.