#f68e22 Color Information
In a RGB color space, hex #f68e22 is composed of 96.5% red, 55.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.3% magenta, 86.2% yellow and 3.5% black. It has a hue angle of 30.6 degrees, a saturation of 92.2% and a lightness of 54.9%. #f68e22 color hex could be obtained by blending #ffff44 with #ed1d00. Closest websafe color is: #ff9933.
-
- R 96
- G 56
- B 13
-
- C 0
- M 42
- Y 86
- K 4
● #f68e22 color description : Vivid orange.
#f68e22 Color Conversion
The hexadecimal color #f68e22 has RGB values of R:246, G:142, B:34 and CMYK values of C:0, M:0.42, Y:0.86, K:0.04. Its decimal value is 16158242.
Hex triplet | f68e22 | #f68e22 |
---|---|---|
RGB Decimal | 246, 142, 34 | rgb(246,142,34) |
RGB Percent | 96.5, 55.7, 13.3 | rgb(96.5%,55.7%,13.3%) |
CMYK | 0, 42, 86, 4 | |
HSL | 30.6°, 92.2, 54.9 | hsl(30.6,92.2%,54.9%) |
HSV (or HSB) | 30.6°, 86.2, 96.5 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 68.793, 32.598, 67.926 |
---|---|
XYZ | 47.969, 39.058, 6.526 |
xyY | 0.513, 0.417, 39.058 |
CIE-LCH | 68.793, 75.343, 64.363 |
CIE-LUV | 68.793, 85.684, 62.279 |
Hunter-Lab | 62.497, 27.639, 37.556 |
Binary | 11110110, 10001110, 00100010 |
Color Schemes with #f68e22
Alternatives to #f68e22
Below, you can see some colors close to #f68e22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f68e22 Preview
This text has a font color of #f68e22.
<span style="color:#f68e22;">Text here</span>
This paragraph has a background color of #f68e22.
<p style="background-color:#f68e22;">Content here</p>
This element has a border color of #f68e22.
<div style="border:1px solid #f68e22;">Content here</div>
.text {color:#f68e22;}
.background {background-color:#f68e22;}
.border {border:1px solid #f68e22;}
Shades and Tints of #f68e22
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, #050300 is the darkest color, while #fef8f1 is the lightest one.
-
#050300
#050300
rgb(5,3,0)
-
#180d01
#180d01
rgb(24,13,1)
-
#2b1702
#2b1702
rgb(43,23,2)
-
#3e2103
#3e2103
rgb(62,33,3)
-
#512b03
#512b03
rgb(81,43,3)
-
#633504
#633504
rgb(99,53,4)
-
#763f05
#763f05
rgb(118,63,5)
-
#894906
#894906
rgb(137,73,6)
-
#9c5306
#9c5306
rgb(156,83,6)
-
#af5d07
#af5d07
rgb(175,93,7)
-
#c26708
#c26708
rgb(194,103,8)
-
#d57109
#d57109
rgb(213,113,9)
-
#e77a09
#e77a09
rgb(231,122,9)
-
#f5840f
#f5840f
rgb(245,132,15)
-
#f68e22
#f68e22
rgb(246,142,34)
-
#f79835
#f79835
rgb(247,152,53)
-
#f8a148
#f8a148
rgb(248,161,72)
-
#f8ab5b
#f8ab5b
rgb(248,171,91)
-
#f9b56d
#f9b56d
rgb(249,181,109)
-
#fabe80
#fabe80
rgb(250,190,128)
-
#fbc893
#fbc893
rgb(251,200,147)
-
#fbd1a6
#fbd1a6
rgb(251,209,166)
-
#fcdbb9
#fcdbb9
rgb(252,219,185)
-
#fde5cc
#fde5cc
rgb(253,229,204)
-
#feeede
#feeede
rgb(254,238,222)
-
#fef8f1
#fef8f1
rgb(254,248,241)
Tones of #f68e22
A tone is produced by adding gray to any pure hue. In this case, #958c83 is the less saturated color, while #ff8e19 is the most saturated one.
-
#958c83
#958c83
rgb(149,140,131)
-
#9e8c7a
#9e8c7a
rgb(158,140,122)
-
#a68c72
#a68c72
rgb(166,140,114)
-
#af8d69
#af8d69
rgb(175,141,105)
-
#b88d60
#b88d60
rgb(184,141,96)
-
#c18d57
#c18d57
rgb(193,141,87)
-
#ca8d4e
#ca8d4e
rgb(202,141,78)
-
#d38d45
#d38d45
rgb(211,141,69)
-
#db8d3d
#db8d3d
rgb(219,141,61)
-
#e48e34
#e48e34
rgb(228,142,52)
-
#ed8e2b
#ed8e2b
rgb(237,142,43)
-
#f68e22
#f68e22
rgb(246,142,34)
-
#ff8e19
#ff8e19
rgb(255,142,25)
Color Blindness Simulator
Below, you can see how #f68e22 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.