#f68228 Color Information
In a RGB color space, hex #f68228 is composed of 96.5% red, 51% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.2% magenta, 83.7% yellow and 3.5% black. It has a hue angle of 26.2 degrees, a saturation of 92% and a lightness of 56.1%. #f68228 color hex could be obtained by blending #ffff50 with #ed0500. Closest websafe color is: #ff9933.
-
- R 96
- G 51
- B 16
-
- C 0
- M 47
- Y 84
- K 4
● #f68228 color description : Bright orange.
#f68228 Color Conversion
The hexadecimal color #f68228 has RGB values of R:246, G:130, B:40 and CMYK values of C:0, M:0.47, Y:0.84, K:0.04. Its decimal value is 16155176.
Hex triplet | f68228 | #f68228 |
---|---|---|
RGB Decimal | 246, 130, 40 | rgb(246,130,40) |
RGB Percent | 96.5, 51, 15.7 | rgb(96.5%,51%,15.7%) |
CMYK | 0, 47, 84, 4 | |
HSL | 26.2°, 92, 56.1 | hsl(26.2,92%,56.1%) |
HSV (or HSB) | 26.2°, 83.7, 96.5 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 66.302, 38.873, 63.899 |
---|---|
XYZ | 46.373, 35.715, 6.459 |
xyY | 0.524, 0.403, 35.715 |
CIE-LCH | 66.302, 74.794, 58.686 |
CIE-LUV | 66.302, 95.289, 56.952 |
Hunter-Lab | 59.762, 33.925, 35.426 |
Binary | 11110110, 10000010, 00101000 |
Color Schemes with #f68228
Alternatives to #f68228
Below, you can see some colors close to #f68228. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f68228 Preview
This text has a font color of #f68228.
<span style="color:#f68228;">Text here</span>
This paragraph has a background color of #f68228.
<p style="background-color:#f68228;">Content here</p>
This element has a border color of #f68228.
<div style="border:1px solid #f68228;">Content here</div>
.text {color:#f68228;}
.background {background-color:#f68228;}
.border {border:1px solid #f68228;}
Shades and Tints of #f68228
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, #0b0500 is the darkest color, while #fffaf7 is the lightest one.
-
#0b0500
#0b0500
rgb(11,5,0)
-
#1e0e01
#1e0e01
rgb(30,14,1)
-
#311602
#311602
rgb(49,22,2)
-
#431f03
#431f03
rgb(67,31,3)
-
#562804
#562804
rgb(86,40,4)
-
#693004
#693004
rgb(105,48,4)
-
#7c3905
#7c3905
rgb(124,57,5)
-
#8f4206
#8f4206
rgb(143,66,6)
-
#a24a07
#a24a07
rgb(162,74,7)
-
#b45308
#b45308
rgb(180,83,8)
-
#c75c08
#c75c08
rgb(199,92,8)
-
#da6409
#da6409
rgb(218,100,9)
-
#ed6d0a
#ed6d0a
rgb(237,109,10)
-
#f57715
#f57715
rgb(245,119,21)
-
#f68228
#f68228
rgb(246,130,40)
-
#f78d3b
#f78d3b
rgb(247,141,59)
-
#f8984e
#f8984e
rgb(248,152,78)
-
#f8a360
#f8a360
rgb(248,163,96)
-
#f9ae73
#f9ae73
rgb(249,174,115)
-
#fab986
#fab986
rgb(250,185,134)
-
#fbc499
#fbc499
rgb(251,196,153)
-
#fccfac
#fccfac
rgb(252,207,172)
-
#fcdabf
#fcdabf
rgb(252,218,191)
-
#fde5d1
#fde5d1
rgb(253,229,209)
-
#feefe4
#feefe4
rgb(254,239,228)
-
#fffaf7
#fffaf7
rgb(255,250,247)
Tones of #f68228
A tone is produced by adding gray to any pure hue. In this case, #978e87 is the less saturated color, while #ff811f is the most saturated one.
-
#978e87
#978e87
rgb(151,142,135)
-
#a08d7e
#a08d7e
rgb(160,141,126)
-
#a88c76
#a88c76
rgb(168,140,118)
-
#b18b6d
#b18b6d
rgb(177,139,109)
-
#ba8a64
#ba8a64
rgb(186,138,100)
-
#c2895c
#c2895c
rgb(194,137,92)
-
#cb8753
#cb8753
rgb(203,135,83)
-
#d4864a
#d4864a
rgb(212,134,74)
-
#dc8542
#dc8542
rgb(220,133,66)
-
#e58439
#e58439
rgb(229,132,57)
-
#ed8331
#ed8331
rgb(237,131,49)
-
#f68228
#f68228
rgb(246,130,40)
-
#ff811f
#ff811f
rgb(255,129,31)
Color Blindness Simulator
Below, you can see how #f68228 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.