#f2b107 Color Information
In a RGB color space, hex #f2b107 is composed of 94.9% red, 69.4% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.9% magenta, 97.1% yellow and 5.1% black. It has a hue angle of 43.4 degrees, a saturation of 94.4% and a lightness of 48.8%. #f2b107 color hex could be obtained by blending #ffff0e with #e56300. Closest websafe color is: #ff9900.
-
- R 95
- G 69
- B 3
-
- C 0
- M 27
- Y 97
- K 5
● #f2b107 color description : Vivid orange.
#f2b107 Color Conversion
The hexadecimal color #f2b107 has RGB values of R:242, G:177, B:7 and CMYK values of C:0, M:0.27, Y:0.97, K:0.05. Its decimal value is 15905031.
Hex triplet | f2b107 | #f2b107 |
---|---|---|
RGB Decimal | 242, 177, 7 | rgb(242,177,7) |
RGB Percent | 94.9, 69.4, 2.7 | rgb(94.9%,69.4%,2.7%) |
CMYK | 0, 27, 97, 5 | |
HSL | 43.4°, 94.4, 48.8 | hsl(43.4,94.4%,48.8%) |
HSV (or HSB) | 43.4°, 97.1, 94.9 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 76.277, 12.184, 78.377 |
---|---|
XYZ | 52.38, 50.34, 7.159 |
xyY | 0.477, 0.458, 50.34 |
CIE-LCH | 76.277, 79.318, 81.164 |
CIE-LUV | 76.277, 54.449, 77.55 |
Hunter-Lab | 70.951, 7.615, 43.683 |
Binary | 11110010, 10110001, 00000111 |
Color Schemes with #f2b107
Alternatives to #f2b107
Below, you can see some colors close to #f2b107. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2b107 Preview
This text has a font color of #f2b107.
<span style="color:#f2b107;">Text here</span>
This paragraph has a background color of #f2b107.
<p style="background-color:#f2b107;">Content here</p>
This element has a border color of #f2b107.
<div style="border:1px solid #f2b107;">Content here</div>
.text {color:#f2b107;}
.background {background-color:#f2b107;}
.border {border:1px solid #f2b107;}
Shades and Tints of #f2b107
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, #0d0a00 is the darkest color, while #fffdf9 is the lightest one.
-
#0d0a00
#0d0a00
rgb(13,10,0)
-
#201801
#201801
rgb(32,24,1)
-
#332601
#332601
rgb(51,38,1)
-
#463402
#463402
rgb(70,52,2)
-
#594103
#594103
rgb(89,65,3)
-
#6d4f03
#6d4f03
rgb(109,79,3)
-
#805d04
#805d04
rgb(128,93,4)
-
#936b04
#936b04
rgb(147,107,4)
-
#a67905
#a67905
rgb(166,121,5)
-
#b98705
#b98705
rgb(185,135,5)
-
#cc9506
#cc9506
rgb(204,149,6)
-
#dfa306
#dfa306
rgb(223,163,6)
-
#f2b107
#f2b107
rgb(242,177,7)
-
#f8b914
#f8b914
rgb(248,185,20)
-
#f9bf27
#f9bf27
rgb(249,191,39)
-
#f9c53b
#f9c53b
rgb(249,197,59)
-
#faca4e
#faca4e
rgb(250,202,78)
-
#fad061
#fad061
rgb(250,208,97)
-
#fbd674
#fbd674
rgb(251,214,116)
-
#fcdb87
#fcdb87
rgb(252,219,135)
-
#fce19a
#fce19a
rgb(252,225,154)
-
#fde7ad
#fde7ad
rgb(253,231,173)
-
#fdecc0
#fdecc0
rgb(253,236,192)
-
#fef2d3
#fef2d3
rgb(254,242,211)
-
#fef8e6
#fef8e6
rgb(254,248,230)
-
#fffdf9
#fffdf9
rgb(255,253,249)
Tones of #f2b107
A tone is produced by adding gray to any pure hue. In this case, #7f7e7a is the less saturated color, while #f2b107 is the most saturated one.
-
#7f7e7a
#7f7e7a
rgb(127,126,122)
-
#898270
#898270
rgb(137,130,112)
-
#928667
#928667
rgb(146,134,103)
-
#9c8a5d
#9c8a5d
rgb(156,138,93)
-
#a58f54
#a58f54
rgb(165,143,84)
-
#af934a
#af934a
rgb(175,147,74)
-
#b99740
#b99740
rgb(185,151,64)
-
#c29c37
#c29c37
rgb(194,156,55)
-
#cca02d
#cca02d
rgb(204,160,45)
-
#d5a424
#d5a424
rgb(213,164,36)
-
#dfa81a
#dfa81a
rgb(223,168,26)
-
#e8ad11
#e8ad11
rgb(232,173,17)
-
#f2b107
#f2b107
rgb(242,177,7)
Color Blindness Simulator
Below, you can see how #f2b107 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.