#f68142 Color Information
In a RGB color space, hex #f68142 is composed of 96.5% red, 50.6% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.6% magenta, 73.2% yellow and 3.5% black. It has a hue angle of 21 degrees, a saturation of 90.9% and a lightness of 61.2%. #f68142 color hex could be obtained by blending #ffff84 with #ed0300. Closest websafe color is: #ff9933.
-
- R 96
- G 51
- B 26
-
- C 0
- M 48
- Y 73
- K 4
● #f68142 color description : Bright orange.
#f68142 Color Conversion
The hexadecimal color #f68142 has RGB values of R:246, G:129, B:66 and CMYK values of C:0, M:0.48, Y:0.73, K:0.04. Its decimal value is 16154946.
Hex triplet | f68142 | #f68142 |
---|---|---|
RGB Decimal | 246, 129, 66 | rgb(246,129,66) |
RGB Percent | 96.5, 50.6, 25.9 | rgb(96.5%,50.6%,25.9%) |
CMYK | 0, 48, 73, 4 | |
HSL | 21°, 90.9, 61.2 | hsl(21,90.9%,61.2%) |
HSV (or HSB) | 21°, 73.2, 96.5 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 66.283, 40.274, 52.925 |
---|---|
XYZ | 46.841, 35.691, 9.576 |
xyY | 0.509, 0.387, 35.691 |
CIE-LCH | 66.283, 66.506, 52.73 |
CIE-LUV | 66.283, 93.791, 49.5 |
Hunter-Lab | 59.742, 35.407, 32.315 |
Binary | 11110110, 10000001, 01000010 |
Color Schemes with #f68142
Alternatives to #f68142
Below, you can see some colors close to #f68142. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f68142 Preview
This text has a font color of #f68142.
<span style="color:#f68142;">Text here</span>
This paragraph has a background color of #f68142.
<p style="background-color:#f68142;">Content here</p>
This element has a border color of #f68142.
<div style="border:1px solid #f68142;">Content here</div>
.text {color:#f68142;}
.background {background-color:#f68142;}
.border {border:1px solid #f68142;}
Shades and Tints of #f68142
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, #110601 is the darkest color, while #fffefd is the lightest one.
-
#110601
#110601
rgb(17,6,1)
-
#240e02
#240e02
rgb(36,14,2)
-
#361503
#361503
rgb(54,21,3)
-
#491c03
#491c03
rgb(73,28,3)
-
#5c2304
#5c2304
rgb(92,35,4)
-
#6f2a05
#6f2a05
rgb(111,42,5)
-
#813106
#813106
rgb(129,49,6)
-
#943807
#943807
rgb(148,56,7)
-
#a74008
#a74008
rgb(167,64,8)
-
#b94709
#b94709
rgb(185,71,9)
-
#cc4e0a
#cc4e0a
rgb(204,78,10)
-
#df550b
#df550b
rgb(223,85,11)
-
#f25c0c
#f25c0c
rgb(242,92,12)
-
#f4681d
#f4681d
rgb(244,104,29)
-
#f5752f
#f5752f
rgb(245,117,47)
-
#f68142
#f68142
rgb(246,129,66)
-
#f78d55
#f78d55
rgb(247,141,85)
-
#f89a67
#f89a67
rgb(248,154,103)
-
#f9a67a
#f9a67a
rgb(249,166,122)
-
#fab38d
#fab38d
rgb(250,179,141)
-
#fabfa0
#fabfa0
rgb(250,191,160)
-
#fbccb2
#fbccb2
rgb(251,204,178)
-
#fcd8c5
#fcd8c5
rgb(252,216,197)
-
#fde5d8
#fde5d8
rgb(253,229,216)
-
#fef1eb
#fef1eb
rgb(254,241,235)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #f68142
A tone is produced by adding gray to any pure hue. In this case, #a29a96 is the less saturated color, while #fe7f3a is the most saturated one.
-
#a29a96
#a29a96
rgb(162,154,150)
-
#aa988e
#aa988e
rgb(170,152,142)
-
#b19687
#b19687
rgb(177,150,135)
-
#b9937f
#b9937f
rgb(185,147,127)
-
#c19177
#c19177
rgb(193,145,119)
-
#c88f70
#c88f70
rgb(200,143,112)
-
#d08c68
#d08c68
rgb(208,140,104)
-
#d88a60
#d88a60
rgb(216,138,96)
-
#df8859
#df8859
rgb(223,136,89)
-
#e78651
#e78651
rgb(231,134,81)
-
#ee834a
#ee834a
rgb(238,131,74)
-
#f68142
#f68142
rgb(246,129,66)
-
#fe7f3a
#fe7f3a
rgb(254,127,58)
Color Blindness Simulator
Below, you can see how #f68142 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.