#f68227 Color Information
In a RGB color space, hex #f68227 is composed of 96.5% red, 51% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.2% magenta, 84.1% yellow and 3.5% black. It has a hue angle of 26.4 degrees, a saturation of 92% and a lightness of 55.9%. #f68227 color hex could be obtained by blending #ffff4e with #ed0500. Closest websafe color is: #ff9933.
-
- R 96
- G 51
- B 15
-
- C 0
- M 47
- Y 84
- K 4
● #f68227 color description : Bright orange.
#f68227 Color Conversion
The hexadecimal color #f68227 has RGB values of R:246, G:130, B:39 and CMYK values of C:0, M:0.47, Y:0.84, K:0.04. Its decimal value is 16155175.
Hex triplet | f68227 | #f68227 |
---|---|---|
RGB Decimal | 246, 130, 39 | rgb(246,130,39) |
RGB Percent | 96.5, 51, 15.3 | rgb(96.5%,51%,15.3%) |
CMYK | 0, 47, 84, 4 | |
HSL | 26.4°, 92, 55.9 | hsl(26.4,92%,55.9%) |
HSV (or HSB) | 26.4°, 84.1, 96.5 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 66.297, 38.847, 64.248 |
---|---|
XYZ | 46.357, 35.709, 6.371 |
xyY | 0.524, 0.404, 35.709 |
CIE-LCH | 66.297, 75.079, 58.841 |
CIE-LUV | 66.297, 95.354, 57.154 |
Hunter-Lab | 59.757, 33.898, 35.509 |
Binary | 11110110, 10000010, 00100111 |
Color Schemes with #f68227
Alternatives to #f68227
Below, you can see some colors close to #f68227. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f68227 Preview
This text has a font color of #f68227.
<span style="color:#f68227;">Text here</span>
This paragraph has a background color of #f68227.
<p style="background-color:#f68227;">Content here</p>
This element has a border color of #f68227.
<div style="border:1px solid #f68227;">Content here</div>
.text {color:#f68227;}
.background {background-color:#f68227;}
.border {border:1px solid #f68227;}
Shades and Tints of #f68227
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, #0a0500 is the darkest color, while #fffaf6 is the lightest one.
-
#0a0500
#0a0500
rgb(10,5,0)
-
#1d0d01
#1d0d01
rgb(29,13,1)
-
#301602
#301602
rgb(48,22,2)
-
#421f03
#421f03
rgb(66,31,3)
-
#552704
#552704
rgb(85,39,4)
-
#683004
#683004
rgb(104,48,4)
-
#7b3905
#7b3905
rgb(123,57,5)
-
#8e4206
#8e4206
rgb(142,66,6)
-
#a14a07
#a14a07
rgb(161,74,7)
-
#b35307
#b35307
rgb(179,83,7)
-
#c65c08
#c65c08
rgb(198,92,8)
-
#d96509
#d96509
rgb(217,101,9)
-
#ec6d0a
#ec6d0a
rgb(236,109,10)
-
#f57714
#f57714
rgb(245,119,20)
-
#f68227
#f68227
rgb(246,130,39)
-
#f78d3a
#f78d3a
rgb(247,141,58)
-
#f8984d
#f8984d
rgb(248,152,77)
-
#f8a35f
#f8a35f
rgb(248,163,95)
-
#f9ae72
#f9ae72
rgb(249,174,114)
-
#fab885
#fab885
rgb(250,184,133)
-
#fbc398
#fbc398
rgb(251,195,152)
-
#fbceab
#fbceab
rgb(251,206,171)
-
#fcd9be
#fcd9be
rgb(252,217,190)
-
#fde4d0
#fde4d0
rgb(253,228,208)
-
#feefe3
#feefe3
rgb(254,239,227)
-
#fffaf6
#fffaf6
rgb(255,250,246)
Tones of #f68227
A tone is produced by adding gray to any pure hue. In this case, #978d86 is the less saturated color, while #ff811e is the most saturated one.
-
#978d86
#978d86
rgb(151,141,134)
-
#9f8c7e
#9f8c7e
rgb(159,140,126)
-
#a88b75
#a88b75
rgb(168,139,117)
-
#b18a6c
#b18a6c
rgb(177,138,108)
-
#b98964
#b98964
rgb(185,137,100)
-
#c2885b
#c2885b
rgb(194,136,91)
-
#cb8752
#cb8752
rgb(203,135,82)
-
#d3864a
#d3864a
rgb(211,134,74)
-
#dc8541
#dc8541
rgb(220,133,65)
-
#e58438
#e58438
rgb(229,132,56)
-
#ed8330
#ed8330
rgb(237,131,48)
-
#f68227
#f68227
rgb(246,130,39)
-
#ff811e
#ff811e
rgb(255,129,30)
Color Blindness Simulator
Below, you can see how #f68227 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.