#f4670c Color Information
In a RGB color space, hex #f4670c is composed of 95.7% red, 40.4% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.8% magenta, 95.1% yellow and 4.3% black. It has a hue angle of 23.5 degrees, a saturation of 91.3% and a lightness of 50.2%. #f4670c color hex could be obtained by blending #ffce18 with #e90000. Closest websafe color is: #ff6600.
-
- R 96
- G 40
- B 5
-
- C 0
- M 58
- Y 95
- K 4
● #f4670c color description : Vivid orange.
#f4670c Color Conversion
The hexadecimal color #f4670c has RGB values of R:244, G:103, B:12 and CMYK values of C:0, M:0.58, Y:0.95, K:0.04. Its decimal value is 16017164.
Hex triplet | f4670c | #f4670c |
---|---|---|
RGB Decimal | 244, 103, 12 | rgb(244,103,12) |
RGB Percent | 95.7, 40.4, 4.7 | rgb(95.7%,40.4%,4.7%) |
CMYK | 0, 58, 95, 4 | |
HSL | 23.5°, 91.3, 50.2 | hsl(23.5,91.3%,50.2%) |
HSV (or HSB) | 23.5°, 95.1, 95.7 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 60.75, 50.701, 67.46 |
---|---|
XYZ | 42.227, 28.965, 3.715 |
xyY | 0.564, 0.387, 28.965 |
CIE-LCH | 60.75, 84.389, 53.072 |
CIE-LUV | 60.75, 117.194, 52.141 |
Hunter-Lab | 53.819, 45.87, 33.58 |
Binary | 11110100, 01100111, 00001100 |
Color Schemes with #f4670c
Alternatives to #f4670c
Below, you can see some colors close to #f4670c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f4670c Preview
This text has a font color of #f4670c.
<span style="color:#f4670c;">Text here</span>
This paragraph has a background color of #f4670c.
<p style="background-color:#f4670c;">Content here</p>
This element has a border color of #f4670c.
<div style="border:1px solid #f4670c;">Content here</div>
.text {color:#f4670c;}
.background {background-color:#f4670c;}
.border {border:1px solid #f4670c;}
Shades and Tints of #f4670c
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, #010000 is the darkest color, while #fef4ed is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140801
#140801
rgb(20,8,1)
-
#261002
#261002
rgb(38,16,2)
-
#391803
#391803
rgb(57,24,3)
-
#4c2003
#4c2003
rgb(76,32,3)
-
#5f2804
#5f2804
rgb(95,40,4)
-
#723005
#723005
rgb(114,48,5)
-
#843806
#843806
rgb(132,56,6)
-
#973f07
#973f07
rgb(151,63,7)
-
#aa4708
#aa4708
rgb(170,71,8)
-
#bd4f09
#bd4f09
rgb(189,79,9)
-
#cf5709
#cf5709
rgb(207,87,9)
-
#e25f0a
#e25f0a
rgb(226,95,10)
-
#f4670c
#f4670c
rgb(244,103,12)
-
#f5731f
#f5731f
rgb(245,115,31)
-
#f67e32
#f67e32
rgb(246,126,50)
-
#f78a44
#f78a44
rgb(247,138,68)
-
#f79657
#f79657
rgb(247,150,87)
-
#f8a26a
#f8a26a
rgb(248,162,106)
-
#f9ad7d
#f9ad7d
rgb(249,173,125)
-
#fab98f
#fab98f
rgb(250,185,143)
-
#fbc5a2
#fbc5a2
rgb(251,197,162)
-
#fcd1b5
#fcd1b5
rgb(252,209,181)
-
#fcdcc8
#fcdcc8
rgb(252,220,200)
-
#fde8da
#fde8da
rgb(253,232,218)
-
#fef4ed
#fef4ed
rgb(254,244,237)
Tones of #f4670c
A tone is produced by adding gray to any pure hue. In this case, #897e77 is the less saturated color, while #fe6502 is the most saturated one.
-
#897e77
#897e77
rgb(137,126,119)
-
#927c6e
#927c6e
rgb(146,124,110)
-
#9c7a64
#9c7a64
rgb(156,122,100)
-
#a6785a
#a6785a
rgb(166,120,90)
-
#b07650
#b07650
rgb(176,118,80)
-
#b97447
#b97447
rgb(185,116,71)
-
#c3723d
#c3723d
rgb(195,114,61)
-
#cd6f33
#cd6f33
rgb(205,111,51)
-
#d76d29
#d76d29
rgb(215,109,41)
-
#e06b20
#e06b20
rgb(224,107,32)
-
#ea6916
#ea6916
rgb(234,105,22)
-
#f4670c
#f4670c
rgb(244,103,12)
-
#fe6502
#fe6502
rgb(254,101,2)
Color Blindness Simulator
Below, you can see how #f4670c 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.