#f2b104 Color Information
In a RGB color space, hex #f2b104 is composed of 94.9% red, 69.4% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.9% magenta, 98.3% yellow and 5.1% black. It has a hue angle of 43.6 degrees, a saturation of 96.7% and a lightness of 48.2%. #f2b104 color hex could be obtained by blending #ffff08 with #e56300. Closest websafe color is: #ff9900.
-
- R 95
- G 69
- B 2
-
- C 0
- M 27
- Y 98
- K 5
● #f2b104 color description : Vivid orange.
#f2b104 Color Conversion
The hexadecimal color #f2b104 has RGB values of R:242, G:177, B:4 and CMYK values of C:0, M:0.27, Y:0.98, K:0.05. Its decimal value is 15905028.
Hex triplet | f2b104 | #f2b104 |
---|---|---|
RGB Decimal | 242, 177, 4 | rgb(242,177,4) |
RGB Percent | 94.9, 69.4, 1.6 | rgb(94.9%,69.4%,1.6%) |
CMYK | 0, 27, 98, 5 | |
HSL | 43.6°, 96.7, 48.2 | hsl(43.6,96.7%,48.2%) |
HSV (or HSB) | 43.6°, 98.3, 94.9 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 76.273, 12.158, 78.697 |
---|---|
XYZ | 52.363, 50.333, 7.072 |
xyY | 0.477, 0.459, 50.333 |
CIE-LCH | 76.273, 79.63, 81.217 |
CIE-LUV | 76.273, 54.481, 77.72 |
Hunter-Lab | 70.946, 7.59, 43.752 |
Binary | 11110010, 10110001, 00000100 |
Color Schemes with #f2b104
Alternatives to #f2b104
Below, you can see some colors close to #f2b104. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2b104 Preview
This text has a font color of #f2b104.
<span style="color:#f2b104;">Text here</span>
This paragraph has a background color of #f2b104.
<p style="background-color:#f2b104;">Content here</p>
This element has a border color of #f2b104.
<div style="border:1px solid #f2b104;">Content here</div>
.text {color:#f2b104;}
.background {background-color:#f2b104;}
.border {border:1px solid #f2b104;}
Shades and Tints of #f2b104
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, #0a0800 is the darkest color, while #fffcf6 is the lightest one.
-
#0a0800
#0a0800
rgb(10,8,0)
-
#1e1600
#1e1600
rgb(30,22,0)
-
#312401
#312401
rgb(49,36,1)
-
#443201
#443201
rgb(68,50,1)
-
#584001
#584001
rgb(88,64,1)
-
#6b4e02
#6b4e02
rgb(107,78,2)
-
#7e5c02
#7e5c02
rgb(126,92,2)
-
#926a02
#926a02
rgb(146,106,2)
-
#a57903
#a57903
rgb(165,121,3)
-
#b88703
#b88703
rgb(184,135,3)
-
#cb9503
#cb9503
rgb(203,149,3)
-
#dfa304
#dfa304
rgb(223,163,4)
-
#f2b104
#f2b104
rgb(242,177,4)
-
#fbba0f
#fbba0f
rgb(251,186,15)
-
#fbc022
#fbc022
rgb(251,192,34)
-
#fcc535
#fcc535
rgb(252,197,53)
-
#fccb48
#fccb48
rgb(252,203,72)
-
#fcd05c
#fcd05c
rgb(252,208,92)
-
#fdd66f
#fdd66f
rgb(253,214,111)
-
#fddb82
#fddb82
rgb(253,219,130)
-
#fde196
#fde196
rgb(253,225,150)
-
#fee6a9
#fee6a9
rgb(254,230,169)
-
#feecbc
#feecbc
rgb(254,236,188)
-
#fef1d0
#fef1d0
rgb(254,241,208)
-
#fff7e3
#fff7e3
rgb(255,247,227)
-
#fffcf6
#fffcf6
rgb(255,252,246)
Tones of #f2b104
A tone is produced by adding gray to any pure hue. In this case, #807d76 is the less saturated color, while #f2b104 is the most saturated one.
-
#807d76
#807d76
rgb(128,125,118)
-
#8a826c
#8a826c
rgb(138,130,108)
-
#938663
#938663
rgb(147,134,99)
-
#9d8a59
#9d8a59
rgb(157,138,89)
-
#a68f50
#a68f50
rgb(166,143,80)
-
#b09346
#b09346
rgb(176,147,70)
-
#b9973d
#b9973d
rgb(185,151,61)
-
#c39c33
#c39c33
rgb(195,156,51)
-
#cca02a
#cca02a
rgb(204,160,42)
-
#d6a420
#d6a420
rgb(214,164,32)
-
#dfa817
#dfa817
rgb(223,168,23)
-
#e9ad0d
#e9ad0d
rgb(233,173,13)
-
#f2b104
#f2b104
rgb(242,177,4)
Color Blindness Simulator
Below, you can see how #f2b104 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.