#f7b146 Color Information
In a RGB color space, hex #f7b146 is composed of 96.9% red, 69.4% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.3% magenta, 71.7% yellow and 3.1% black. It has a hue angle of 36.3 degrees, a saturation of 91.7% and a lightness of 62.2%. #f7b146 color hex could be obtained by blending #ffff8c with #ef6300. Closest websafe color is: #ff9933.
-
- R 97
- G 69
- B 27
-
- C 0
- M 28
- Y 72
- K 3
● #f7b146 color description : Bright orange.
#f7b146 Color Conversion
The hexadecimal color #f7b146 has RGB values of R:247, G:177, B:70 and CMYK values of C:0, M:0.28, Y:0.72, K:0.03. Its decimal value is 16232774.
Hex triplet | f7b146 | #f7b146 |
---|---|---|
RGB Decimal | 247, 177, 70 | rgb(247,177,70) |
RGB Percent | 96.9, 69.4, 27.5 | rgb(96.9%,69.4%,27.5%) |
CMYK | 0, 28, 72, 3 | |
HSL | 36.3°, 91.7, 62.2 | hsl(36.3,91.7%,62.2%) |
HSV (or HSB) | 36.3°, 71.7, 96.9 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 77.079, 15.922, 62.355 |
---|---|
XYZ | 55.186, 51.664, 12.86 |
xyY | 0.461, 0.432, 51.664 |
CIE-LCH | 77.079, 64.356, 75.676 |
CIE-LUV | 77.079, 56.378, 67.039 |
Hunter-Lab | 71.878, 11.264, 39.707 |
Binary | 11110111, 10110001, 01000110 |
Color Schemes with #f7b146
Alternatives to #f7b146
Below, you can see some colors close to #f7b146. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7b146 Preview
This text has a font color of #f7b146.
<span style="color:#f7b146;">Text here</span>
This paragraph has a background color of #f7b146.
<p style="background-color:#f7b146;">Content here</p>
This element has a border color of #f7b146.
<div style="border:1px solid #f7b146;">Content here</div>
.text {color:#f7b146;}
.background {background-color:#f7b146;}
.border {border:1px solid #f7b146;}
Shades and Tints of #f7b146
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, #030200 is the darkest color, while #fef8ef is the lightest one.
-
#030200
#030200
rgb(3,2,0)
-
#160e01
#160e01
rgb(22,14,1)
-
#291902
#291902
rgb(41,25,2)
-
#3b2503
#3b2503
rgb(59,37,3)
-
#4e3103
#4e3103
rgb(78,49,3)
-
#613c04
#613c04
rgb(97,60,4)
-
#744805
#744805
rgb(116,72,5)
-
#875406
#875406
rgb(135,84,6)
-
#995f07
#995f07
rgb(153,95,7)
-
#ac6b07
#ac6b07
rgb(172,107,7)
-
#bf7708
#bf7708
rgb(191,119,8)
-
#d28209
#d28209
rgb(210,130,9)
-
#e58e0a
#e58e0a
rgb(229,142,10)
-
#f5990e
#f5990e
rgb(245,153,14)
-
#f5a120
#f5a120
rgb(245,161,32)
-
#f6a933
#f6a933
rgb(246,169,51)
-
#f7b146
#f7b146
rgb(247,177,70)
-
#f8b959
#f8b959
rgb(248,185,89)
-
#f9c16c
#f9c16c
rgb(249,193,108)
-
#f9c97e
#f9c97e
rgb(249,201,126)
-
#fad191
#fad191
rgb(250,209,145)
-
#fbd9a4
#fbd9a4
rgb(251,217,164)
-
#fce1b7
#fce1b7
rgb(252,225,183)
-
#fde8ca
#fde8ca
rgb(253,232,202)
-
#fef0dc
#fef0dc
rgb(254,240,220)
-
#fef8ef
#fef8ef
rgb(254,248,239)
Tones of #f7b146
A tone is produced by adding gray to any pure hue. In this case, #a5a098 is the less saturated color, while #feb33f is the most saturated one.
-
#a5a098
#a5a098
rgb(165,160,152)
-
#ada190
#ada190
rgb(173,161,144)
-
#b4a389
#b4a389
rgb(180,163,137)
-
#bca581
#bca581
rgb(188,165,129)
-
#c3a67a
#c3a67a
rgb(195,166,122)
-
#caa873
#caa873
rgb(202,168,115)
-
#d2a96b
#d2a96b
rgb(210,169,107)
-
#d9ab64
#d9ab64
rgb(217,171,100)
-
#e1ac5c
#e1ac5c
rgb(225,172,92)
-
#e8ae55
#e8ae55
rgb(232,174,85)
-
#f0af4d
#f0af4d
rgb(240,175,77)
-
#f7b146
#f7b146
rgb(247,177,70)
-
#feb33f
#feb33f
rgb(254,179,63)
Color Blindness Simulator
Below, you can see how #f7b146 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.