#f7a223 Color Information
In a RGB color space, hex #f7a223 is composed of 96.9% red, 63.5% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.4% magenta, 85.8% yellow and 3.1% black. It has a hue angle of 35.9 degrees, a saturation of 93% and a lightness of 55.3%. #f7a223 color hex could be obtained by blending #ffff46 with #ef4500. Closest websafe color is: #ff9933.
-
- R 97
- G 64
- B 14
-
- C 0
- M 34
- Y 86
- K 3
● #f7a223 color description : Vivid orange.
#f7a223 Color Conversion
The hexadecimal color #f7a223 has RGB values of R:247, G:162, B:35 and CMYK values of C:0, M:0.34, Y:0.86, K:0.03. Its decimal value is 16228899.
Hex triplet | f7a223 | #f7a223 |
---|---|---|
RGB Decimal | 247, 162, 35 | rgb(247,162,35) |
RGB Percent | 96.9, 63.5, 13.7 | rgb(96.9%,63.5%,13.7%) |
CMYK | 0, 34, 86, 3 | |
HSL | 35.9°, 93, 55.3 | hsl(35.9,93%,55.3%) |
HSV (or HSB) | 35.9°, 85.8, 96.9 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 73.376, 22.599, 71.383 |
---|---|
XYZ | 51.583, 45.74, 7.702 |
xyY | 0.491, 0.436, 45.74 |
CIE-LCH | 73.376, 74.875, 72.433 |
CIE-LUV | 73.376, 69.986, 69.405 |
Hunter-Lab | 67.631, 17.789, 40.59 |
Binary | 11110111, 10100010, 00100011 |
Color Schemes with #f7a223
Alternatives to #f7a223
Below, you can see some colors close to #f7a223. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7a223 Preview
This text has a font color of #f7a223.
<span style="color:#f7a223;">Text here</span>
This paragraph has a background color of #f7a223.
<p style="background-color:#f7a223;">Content here</p>
This element has a border color of #f7a223.
<div style="border:1px solid #f7a223;">Content here</div>
.text {color:#f7a223;}
.background {background-color:#f7a223;}
.border {border:1px solid #f7a223;}
Shades and Tints of #f7a223
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, #070400 is the darkest color, while #fffaf3 is the lightest one.
-
#070400
#070400
rgb(7,4,0)
-
#1a1001
#1a1001
rgb(26,16,1)
-
#2d1c02
#2d1c02
rgb(45,28,2)
-
#402702
#402702
rgb(64,39,2)
-
#533303
#533303
rgb(83,51,3)
-
#663e04
#663e04
rgb(102,62,4)
-
#794a04
#794a04
rgb(121,74,4)
-
#8c5605
#8c5605
rgb(140,86,5)
-
#9f6106
#9f6106
rgb(159,97,6)
-
#b16d06
#b16d06
rgb(177,109,6)
-
#c47907
#c47907
rgb(196,121,7)
-
#d78408
#d78408
rgb(215,132,8)
-
#ea9009
#ea9009
rgb(234,144,9)
-
#f69a10
#f69a10
rgb(246,154,16)
-
#f7a223
#f7a223
rgb(247,162,35)
-
#f8aa36
#f8aa36
rgb(248,170,54)
-
#f8b249
#f8b249
rgb(248,178,73)
-
#f9ba5c
#f9ba5c
rgb(249,186,92)
-
#fac26f
#fac26f
rgb(250,194,111)
-
#faca82
#faca82
rgb(250,202,130)
-
#fbd295
#fbd295
rgb(251,210,149)
-
#fcdaa7
#fcdaa7
rgb(252,218,167)
-
#fde2ba
#fde2ba
rgb(253,226,186)
-
#fdeacd
#fdeacd
rgb(253,234,205)
-
#fef2e0
#fef2e0
rgb(254,242,224)
-
#fffaf3
#fffaf3
rgb(255,250,243)
Tones of #f7a223
A tone is produced by adding gray to any pure hue. In this case, #8e8d8c is the less saturated color, while #f7a223 is the most saturated one.
-
#8e8d8c
#8e8d8c
rgb(142,141,140)
-
#978f83
#978f83
rgb(151,143,131)
-
#9f917b
#9f917b
rgb(159,145,123)
-
#a89272
#a89272
rgb(168,146,114)
-
#b19469
#b19469
rgb(177,148,105)
-
#ba9660
#ba9660
rgb(186,150,96)
-
#c29858
#c29858
rgb(194,152,88)
-
#cb994f
#cb994f
rgb(203,153,79)
-
#d49b46
#d49b46
rgb(212,155,70)
-
#dd9d3d
#dd9d3d
rgb(221,157,61)
-
#e59f35
#e59f35
rgb(229,159,53)
-
#eea02c
#eea02c
rgb(238,160,44)
-
#f7a223
#f7a223
rgb(247,162,35)
Color Blindness Simulator
Below, you can see how #f7a223 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.