#f68600 Color Information
In a RGB color space, hex #f68600 is composed of 96.5% red, 52.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.5% magenta, 100% yellow and 3.5% black. It has a hue angle of 32.7 degrees, a saturation of 100% and a lightness of 48.2%. #f68600 color hex could be obtained by blending #ffff00 with #ed0d00. Closest websafe color is: #ff9900.
-
- R 96
- G 53
- B 0
-
- C 0
- M 46
- Y 100
- K 4
● #f68600 color description : Pure (or mostly pure) orange.
#f68600 Color Conversion
The hexadecimal color #f68600 has RGB values of R:246, G:134, B:0 and CMYK values of C:0, M:0.46, Y:1, K:0.04. Its decimal value is 16156160.
Hex triplet | f68600 | #f68600 |
---|---|---|
RGB Decimal | 246, 134, 0 | rgb(246,134,0) |
RGB Percent | 96.5, 52.5, 0 | rgb(96.5%,52.5%,0%) |
CMYK | 0, 46, 100, 4 | |
HSL | 32.7°, 100, 48.2 | hsl(32.7,100%,48.2%) |
HSV (or HSB) | 32.7°, 100, 96.5 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 67.011, 36.265, 73.35 |
---|---|
XYZ | 46.533, 36.647, 4.623 |
xyY | 0.53, 0.417, 36.647 |
CIE-LCH | 67.011, 81.825, 63.692 |
CIE-LUV | 67.011, 93.421, 62.951 |
Hunter-Lab | 60.537, 31.268, 37.848 |
Binary | 11110110, 10000110, 00000000 |
Color Schemes with #f68600
Alternatives to #f68600
Below, you can see some colors close to #f68600. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f68600 Preview
This text has a font color of #f68600.
<span style="color:#f68600;">Text here</span>
This paragraph has a background color of #f68600.
<p style="background-color:#f68600;">Content here</p>
This element has a border color of #f68600.
<div style="border:1px solid #f68600;">Content here</div>
.text {color:#f68600;}
.background {background-color:#f68600;}
.border {border:1px solid #f68600;}
Shades and Tints of #f68600
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, #0b0600 is the darkest color, while #fffbf6 is the lightest one.
-
#0b0600
#0b0600
rgb(11,6,0)
-
#1e1000
#1e1000
rgb(30,16,0)
-
#321b00
#321b00
rgb(50,27,0)
-
#452600
#452600
rgb(69,38,0)
-
#593100
#593100
rgb(89,49,0)
-
#6d3b00
#6d3b00
rgb(109,59,0)
-
#804600
#804600
rgb(128,70,0)
-
#945100
#945100
rgb(148,81,0)
-
#a85b00
#a85b00
rgb(168,91,0)
-
#bb6600
#bb6600
rgb(187,102,0)
-
#cf7100
#cf7100
rgb(207,113,0)
-
#e27b00
#e27b00
rgb(226,123,0)
-
#f68600
#f68600
rgb(246,134,0)
-
#ff900b
#ff900b
rgb(255,144,11)
-
#ff991e
#ff991e
rgb(255,153,30)
-
#ffa232
#ffa232
rgb(255,162,50)
-
#ffab45
#ffab45
rgb(255,171,69)
-
#ffb359
#ffb359
rgb(255,179,89)
-
#ffbc6d
#ffbc6d
rgb(255,188,109)
-
#ffc580
#ffc580
rgb(255,197,128)
-
#ffce94
#ffce94
rgb(255,206,148)
-
#ffd7a8
#ffd7a8
rgb(255,215,168)
-
#ffe0bb
#ffe0bb
rgb(255,224,187)
-
#ffe9cf
#ffe9cf
rgb(255,233,207)
-
#fff2e2
#fff2e2
rgb(255,242,226)
-
#fffbf6
#fffbf6
rgb(255,251,246)
Tones of #f68600
A tone is produced by adding gray to any pure hue. In this case, #847c72 is the less saturated color, while #f68600 is the most saturated one.
-
#847c72
#847c72
rgb(132,124,114)
-
#8e7d68
#8e7d68
rgb(142,125,104)
-
#977e5f
#977e5f
rgb(151,126,95)
-
#a17e55
#a17e55
rgb(161,126,85)
-
#aa7f4c
#aa7f4c
rgb(170,127,76)
-
#b48042
#b48042
rgb(180,128,66)
-
#bd8139
#bd8139
rgb(189,129,57)
-
#c7822f
#c7822f
rgb(199,130,47)
-
#d08326
#d08326
rgb(208,131,38)
-
#da831c
#da831c
rgb(218,131,28)
-
#e38413
#e38413
rgb(227,132,19)
-
#ed8509
#ed8509
rgb(237,133,9)
-
#f68600
#f68600
rgb(246,134,0)
Color Blindness Simulator
Below, you can see how #f68600 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.