#f67227 Color Information
In a RGB color space, hex #f67227 is composed of 96.5% red, 44.7% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.7% magenta, 84.1% yellow and 3.5% black. It has a hue angle of 21.7 degrees, a saturation of 92% and a lightness of 55.9%. #f67227 color hex could be obtained by blending #ffe44e with #ed0000. Closest websafe color is: #ff6633.
-
- R 96
- G 45
- B 15
-
- C 0
- M 54
- Y 84
- K 4
● #f67227 color description : Bright orange.
#f67227 Color Conversion
The hexadecimal color #f67227 has RGB values of R:246, G:114, B:39 and CMYK values of C:0, M:0.54, Y:0.84, K:0.04. Its decimal value is 16151079.
Hex triplet | f67227 | #f67227 |
---|---|---|
RGB Decimal | 246, 114, 39 | rgb(246,114,39) |
RGB Percent | 96.5, 44.7, 15.3 | rgb(96.5%,44.7%,15.3%) |
CMYK | 0, 54, 84, 4 | |
HSL | 21.7°, 92, 55.9 | hsl(21.7,92%,55.9%) |
HSV (or HSB) | 21.7°, 84.1, 96.5 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 63.159, 46.729, 61.596 |
---|---|
XYZ | 44.391, 31.778, 5.716 |
xyY | 0.542, 0.388, 31.778 |
CIE-LCH | 63.159, 77.316, 52.815 |
CIE-LUV | 63.159, 108.444, 51.778 |
Hunter-Lab | 56.372, 41.911, 33.449 |
Binary | 11110110, 01110010, 00100111 |
Color Schemes with #f67227
Alternatives to #f67227
Below, you can see some colors close to #f67227. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f67227 Preview
This text has a font color of #f67227.
<span style="color:#f67227;">Text here</span>
This paragraph has a background color of #f67227.
<p style="background-color:#f67227;">Content here</p>
This element has a border color of #f67227.
<div style="border:1px solid #f67227;">Content here</div>
.text {color:#f67227;}
.background {background-color:#f67227;}
.border {border:1px solid #f67227;}
Shades and Tints of #f67227
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, #0a0400 is the darkest color, while #fff9f6 is the lightest one.
-
#0a0400
#0a0400
rgb(10,4,0)
-
#1d0b01
#1d0b01
rgb(29,11,1)
-
#301302
#301302
rgb(48,19,2)
-
#421a03
#421a03
rgb(66,26,3)
-
#552104
#552104
rgb(85,33,4)
-
#682804
#682804
rgb(104,40,4)
-
#7b3005
#7b3005
rgb(123,48,5)
-
#8e3706
#8e3706
rgb(142,55,6)
-
#a13e07
#a13e07
rgb(161,62,7)
-
#b34607
#b34607
rgb(179,70,7)
-
#c64d08
#c64d08
rgb(198,77,8)
-
#d95409
#d95409
rgb(217,84,9)
-
#ec5c0a
#ec5c0a
rgb(236,92,10)
-
#f56614
#f56614
rgb(245,102,20)
-
#f67227
#f67227
rgb(246,114,39)
-
#f77e3a
#f77e3a
rgb(247,126,58)
-
#f88b4d
#f88b4d
rgb(248,139,77)
-
#f8975f
#f8975f
rgb(248,151,95)
-
#f9a372
#f9a372
rgb(249,163,114)
-
#faaf85
#faaf85
rgb(250,175,133)
-
#fbbc98
#fbbc98
rgb(251,188,152)
-
#fbc8ab
#fbc8ab
rgb(251,200,171)
-
#fcd4be
#fcd4be
rgb(252,212,190)
-
#fde1d0
#fde1d0
rgb(253,225,208)
-
#feede3
#feede3
rgb(254,237,227)
-
#fff9f6
#fff9f6
rgb(255,249,246)
Tones of #f67227
A tone is produced by adding gray to any pure hue. In this case, #978c86 is the less saturated color, while #ff701e is the most saturated one.
-
#978c86
#978c86
rgb(151,140,134)
-
#9f8a7e
#9f8a7e
rgb(159,138,126)
-
#a88775
#a88775
rgb(168,135,117)
-
#b1856c
#b1856c
rgb(177,133,108)
-
#b98364
#b98364
rgb(185,131,100)
-
#c2805b
#c2805b
rgb(194,128,91)
-
#cb7e52
#cb7e52
rgb(203,126,82)
-
#d37c4a
#d37c4a
rgb(211,124,74)
-
#dc7941
#dc7941
rgb(220,121,65)
-
#e57738
#e57738
rgb(229,119,56)
-
#ed7430
#ed7430
rgb(237,116,48)
-
#f67227
#f67227
rgb(246,114,39)
-
#ff701e
#ff701e
rgb(255,112,30)
Color Blindness Simulator
Below, you can see how #f67227 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.