#f68a00 Color Information
In a RGB color space, hex #f68a00 is composed of 96.5% red, 54.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.9% magenta, 100% yellow and 3.5% black. It has a hue angle of 33.7 degrees, a saturation of 100% and a lightness of 48.2%. #f68a00 color hex could be obtained by blending #ffff00 with #ed1500. Closest websafe color is: #ff9900.
-
- R 96
- G 54
- B 0
-
- C 0
- M 44
- Y 100
- K 4
● #f68a00 color description : Pure (or mostly pure) orange.
#f68a00 Color Conversion
The hexadecimal color #f68a00 has RGB values of R:246, G:138, B:0 and CMYK values of C:0, M:0.44, Y:1, K:0.04. Its decimal value is 16157184.
Hex triplet | f68a00 | #f68a00 |
---|---|---|
RGB Decimal | 246, 138, 0 | rgb(246,138,0) |
RGB Percent | 96.5, 54.1, 0 | rgb(96.5%,54.1%,0%) |
CMYK | 0, 44, 100, 4 | |
HSL | 33.7°, 100, 48.2 | hsl(33.7,100%,48.2%) |
HSV (or HSB) | 33.7°, 100, 96.5 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 67.854, 34.219, 73.87 |
---|---|
XYZ | 47.096, 37.774, 4.811 |
xyY | 0.525, 0.421, 37.774 |
CIE-LCH | 67.854, 81.411, 65.145 |
CIE-LUV | 67.854, 90.036, 64.297 |
Hunter-Lab | 61.46, 29.226, 38.381 |
Binary | 11110110, 10001010, 00000000 |
Color Schemes with #f68a00
Alternatives to #f68a00
Below, you can see some colors close to #f68a00. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f68a00 Preview
This text has a font color of #f68a00.
<span style="color:#f68a00;">Text here</span>
This paragraph has a background color of #f68a00.
<p style="background-color:#f68a00;">Content here</p>
This element has a border color of #f68a00.
<div style="border:1px solid #f68a00;">Content here</div>
.text {color:#f68a00;}
.background {background-color:#f68a00;}
.border {border:1px solid #f68a00;}
Shades and Tints of #f68a00
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)
-
#1e1100
#1e1100
rgb(30,17,0)
-
#321c00
#321c00
rgb(50,28,0)
-
#452700
#452700
rgb(69,39,0)
-
#593200
#593200
rgb(89,50,0)
-
#6d3d00
#6d3d00
rgb(109,61,0)
-
#804800
#804800
rgb(128,72,0)
-
#945300
#945300
rgb(148,83,0)
-
#a85e00
#a85e00
rgb(168,94,0)
-
#bb6900
#bb6900
rgb(187,105,0)
-
#cf7400
#cf7400
rgb(207,116,0)
-
#e27f00
#e27f00
rgb(226,127,0)
-
#f68a00
#f68a00
rgb(246,138,0)
-
#ff940b
#ff940b
rgb(255,148,11)
-
#ff9c1e
#ff9c1e
rgb(255,156,30)
-
#ffa532
#ffa532
rgb(255,165,50)
-
#ffae45
#ffae45
rgb(255,174,69)
-
#ffb659
#ffb659
rgb(255,182,89)
-
#ffbf6d
#ffbf6d
rgb(255,191,109)
-
#ffc780
#ffc780
rgb(255,199,128)
-
#ffd094
#ffd094
rgb(255,208,148)
-
#ffd9a8
#ffd9a8
rgb(255,217,168)
-
#ffe1bb
#ffe1bb
rgb(255,225,187)
-
#ffeacf
#ffeacf
rgb(255,234,207)
-
#fff2e2
#fff2e2
rgb(255,242,226)
-
#fffbf6
#fffbf6
rgb(255,251,246)
Tones of #f68a00
A tone is produced by adding gray to any pure hue. In this case, #847c72 is the less saturated color, while #f68a00 is the most saturated one.
-
#847c72
#847c72
rgb(132,124,114)
-
#8e7d68
#8e7d68
rgb(142,125,104)
-
#977e5f
#977e5f
rgb(151,126,95)
-
#a18055
#a18055
rgb(161,128,85)
-
#aa814c
#aa814c
rgb(170,129,76)
-
#b48242
#b48242
rgb(180,130,66)
-
#bd8339
#bd8339
rgb(189,131,57)
-
#c7842f
#c7842f
rgb(199,132,47)
-
#d08526
#d08526
rgb(208,133,38)
-
#da871c
#da871c
rgb(218,135,28)
-
#e38813
#e38813
rgb(227,136,19)
-
#ed8909
#ed8909
rgb(237,137,9)
-
#f68a00
#f68a00
rgb(246,138,0)
Color Blindness Simulator
Below, you can see how #f68a00 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.