#f7b225 Color Information
In a RGB color space, hex #f7b225 is composed of 96.9% red, 69.8% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.9% magenta, 85% yellow and 3.1% black. It has a hue angle of 40.3 degrees, a saturation of 92.9% and a lightness of 55.7%. #f7b225 color hex could be obtained by blending #ffff4a with #ef6500. Closest websafe color is: #ff9933.
-
- R 97
- G 70
- B 15
-
- C 0
- M 28
- Y 85
- K 3
● #f7b225 color description : Vivid orange.
#f7b225 Color Conversion
The hexadecimal color #f7b225 has RGB values of R:247, G:178, B:37 and CMYK values of C:0, M:0.28, Y:0.85, K:0.03. Its decimal value is 16232997.
Hex triplet | f7b225 | #f7b225 |
---|---|---|
RGB Decimal | 247, 178, 37 | rgb(247,178,37) |
RGB Percent | 96.9, 69.8, 14.5 | rgb(96.9%,69.8%,14.5%) |
CMYK | 0, 28, 85, 3 | |
HSL | 40.3°, 92.9, 55.7 | hsl(40.3,92.9%,55.7%) |
HSV (or HSB) | 40.3°, 85, 96.9 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 77.132, 14.246, 73.896 |
---|---|
XYZ | 54.613, 51.752, 8.863 |
xyY | 0.474, 0.449, 51.752 |
CIE-LCH | 77.132, 75.257, 79.088 |
CIE-LUV | 77.132, 57.077, 75.048 |
Hunter-Lab | 71.939, 9.618, 43.053 |
Binary | 11110111, 10110010, 00100101 |
Color Schemes with #f7b225
Alternatives to #f7b225
Below, you can see some colors close to #f7b225. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7b225 Preview
This text has a font color of #f7b225.
<span style="color:#f7b225;">Text here</span>
This paragraph has a background color of #f7b225.
<p style="background-color:#f7b225;">Content here</p>
This element has a border color of #f7b225.
<div style="border:1px solid #f7b225;">Content here</div>
.text {color:#f7b225;}
.background {background-color:#f7b225;}
.border {border:1px solid #f7b225;}
Shades and Tints of #f7b225
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, #090600 is the darkest color, while #fffcf5 is the lightest one.
-
#090600
#090600
rgb(9,6,0)
-
#1c1301
#1c1301
rgb(28,19,1)
-
#2f2002
#2f2002
rgb(47,32,2)
-
#422d02
#422d02
rgb(66,45,2)
-
#553a03
#553a03
rgb(85,58,3)
-
#684704
#684704
rgb(104,71,4)
-
#7b5404
#7b5404
rgb(123,84,4)
-
#8d6105
#8d6105
rgb(141,97,5)
-
#a06e06
#a06e06
rgb(160,110,6)
-
#b37b07
#b37b07
rgb(179,123,7)
-
#c68807
#c68807
rgb(198,136,7)
-
#d99408
#d99408
rgb(217,148,8)
-
#eca109
#eca109
rgb(236,161,9)
-
#f6ab12
#f6ab12
rgb(246,171,18)
-
#f7b225
#f7b225
rgb(247,178,37)
-
#f8b938
#f8b938
rgb(248,185,56)
-
#f8bf4b
#f8bf4b
rgb(248,191,75)
-
#f9c65e
#f9c65e
rgb(249,198,94)
-
#facd71
#facd71
rgb(250,205,113)
-
#fad384
#fad384
rgb(250,211,132)
-
#fbda97
#fbda97
rgb(251,218,151)
-
#fce1a9
#fce1a9
rgb(252,225,169)
-
#fde7bc
#fde7bc
rgb(253,231,188)
-
#fdeecf
#fdeecf
rgb(253,238,207)
-
#fef5e2
#fef5e2
rgb(254,245,226)
-
#fffcf5
#fffcf5
rgb(255,252,245)
Tones of #f7b225
A tone is produced by adding gray to any pure hue. In this case, #8f8e8d is the less saturated color, while #f7b225 is the most saturated one.
-
#8f8e8d
#8f8e8d
rgb(143,142,141)
-
#979185
#979185
rgb(151,145,133)
-
#a0947c
#a0947c
rgb(160,148,124)
-
#a99773
#a99773
rgb(169,151,115)
-
#b19a6b
#b19a6b
rgb(177,154,107)
-
#ba9d62
#ba9d62
rgb(186,157,98)
-
#c3a059
#c3a059
rgb(195,160,89)
-
#cca350
#cca350
rgb(204,163,80)
-
#d4a648
#d4a648
rgb(212,166,72)
-
#dda93f
#dda93f
rgb(221,169,63)
-
#e6ac36
#e6ac36
rgb(230,172,54)
-
#eeaf2e
#eeaf2e
rgb(238,175,46)
-
#f7b225
#f7b225
rgb(247,178,37)
Color Blindness Simulator
Below, you can see how #f7b225 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.