#f68300 Color Information
In a RGB color space, hex #f68300 is composed of 96.5% red, 51.4% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.7% magenta, 100% yellow and 3.5% black. It has a hue angle of 32 degrees, a saturation of 100% and a lightness of 48.2%. #f68300 color hex could be obtained by blending #ffff00 with #ed0700. Closest websafe color is: #ff9900.
-
- R 96
- G 51
- B 0
-
- C 0
- M 47
- Y 100
- K 4
● #f68300 color description : Pure (or mostly pure) orange.
#f68300 Color Conversion
The hexadecimal color #f68300 has RGB values of R:246, G:131, B:0 and CMYK values of C:0, M:0.47, Y:1, K:0.04. Its decimal value is 16155392.
Hex triplet | f68300 | #f68300 |
---|---|---|
RGB Decimal | 246, 131, 0 | rgb(246,131,0) |
RGB Percent | 96.5, 51.4, 0 | rgb(96.5%,51.4%,0%) |
CMYK | 0, 47, 100, 4 | |
HSL | 32°, 100, 48.2 | hsl(32,100%,48.2%) |
HSV (or HSB) | 32°, 100, 96.5 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 66.39, 37.789, 72.97 |
---|---|
XYZ | 46.124, 35.83, 4.487 |
xyY | 0.534, 0.414, 35.83 |
CIE-LCH | 66.39, 82.174, 62.622 |
CIE-LUV | 66.39, 95.959, 61.953 |
Hunter-Lab | 59.858, 32.794, 37.456 |
Binary | 11110110, 10000011, 00000000 |
Color Schemes with #f68300
Alternatives to #f68300
Below, you can see some colors close to #f68300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f68300 Preview
This text has a font color of #f68300.
<span style="color:#f68300;">Text here</span>
This paragraph has a background color of #f68300.
<p style="background-color:#f68300;">Content here</p>
This element has a border color of #f68300.
<div style="border:1px solid #f68300;">Content here</div>
.text {color:#f68300;}
.background {background-color:#f68300;}
.border {border:1px solid #f68300;}
Shades and Tints of #f68300
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)
-
#452500
#452500
rgb(69,37,0)
-
#592f00
#592f00
rgb(89,47,0)
-
#6d3a00
#6d3a00
rgb(109,58,0)
-
#804400
#804400
rgb(128,68,0)
-
#944f00
#944f00
rgb(148,79,0)
-
#a85900
#a85900
rgb(168,89,0)
-
#bb6400
#bb6400
rgb(187,100,0)
-
#cf6e00
#cf6e00
rgb(207,110,0)
-
#e27900
#e27900
rgb(226,121,0)
-
#f68300
#f68300
rgb(246,131,0)
-
#ff8d0b
#ff8d0b
rgb(255,141,11)
-
#ff961e
#ff961e
rgb(255,150,30)
-
#ff9f32
#ff9f32
rgb(255,159,50)
-
#ffa845
#ffa845
rgb(255,168,69)
-
#ffb159
#ffb159
rgb(255,177,89)
-
#ffbb6d
#ffbb6d
rgb(255,187,109)
-
#ffc480
#ffc480
rgb(255,196,128)
-
#ffcd94
#ffcd94
rgb(255,205,148)
-
#ffd6a8
#ffd6a8
rgb(255,214,168)
-
#ffdfbb
#ffdfbb
rgb(255,223,187)
-
#ffe8cf
#ffe8cf
rgb(255,232,207)
-
#fff2e2
#fff2e2
rgb(255,242,226)
-
#fffbf6
#fffbf6
rgb(255,251,246)
Tones of #f68300
A tone is produced by adding gray to any pure hue. In this case, #847c72 is the less saturated color, while #f68300 is the most saturated one.
-
#847c72
#847c72
rgb(132,124,114)
-
#8e7c68
#8e7c68
rgb(142,124,104)
-
#977d5f
#977d5f
rgb(151,125,95)
-
#a17d55
#a17d55
rgb(161,125,85)
-
#aa7e4c
#aa7e4c
rgb(170,126,76)
-
#b47f42
#b47f42
rgb(180,127,66)
-
#bd7f39
#bd7f39
rgb(189,127,57)
-
#c7802f
#c7802f
rgb(199,128,47)
-
#d08126
#d08126
rgb(208,129,38)
-
#da811c
#da811c
rgb(218,129,28)
-
#e38213
#e38213
rgb(227,130,19)
-
#ed8209
#ed8209
rgb(237,130,9)
-
#f68300
#f68300
rgb(246,131,0)
Color Blindness Simulator
Below, you can see how #f68300 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.