#f2a107 Color Information
In a RGB color space, hex #f2a107 is composed of 94.9% red, 63.1% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.5% magenta, 97.1% yellow and 5.1% black. It has a hue angle of 39.3 degrees, a saturation of 94.4% and a lightness of 48.8%. #f2a107 color hex could be obtained by blending #ffff0e with #e54300. Closest websafe color is: #ff9900.
-
- R 95
- G 63
- B 3
-
- C 0
- M 33
- Y 97
- K 5
● #f2a107 color description : Vivid orange.
#f2a107 Color Conversion
The hexadecimal color #f2a107 has RGB values of R:242, G:161, B:7 and CMYK values of C:0, M:0.33, Y:0.97, K:0.05. Its decimal value is 15900935.
Hex triplet | f2a107 | #f2a107 |
---|---|---|
RGB Decimal | 242, 161, 7 | rgb(242,161,7) |
RGB Percent | 94.9, 63.1, 2.7 | rgb(94.9%,63.1%,2.7%) |
CMYK | 0, 33, 97, 5 | |
HSL | 39.3°, 94.4, 48.8 | hsl(39.3,94.4%,48.8%) |
HSV (or HSB) | 39.3°, 97.1, 94.9 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 72.486, 20.61, 75.756 |
---|---|
XYZ | 49.403, 44.386, 6.167 |
xyY | 0.494, 0.444, 44.386 |
CIE-LCH | 72.486, 78.51, 74.781 |
CIE-LUV | 72.486, 67.373, 71.742 |
Hunter-Lab | 66.623, 15.773, 41.148 |
Binary | 11110010, 10100001, 00000111 |
Color Schemes with #f2a107
Alternatives to #f2a107
Below, you can see some colors close to #f2a107. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2a107 Preview
This text has a font color of #f2a107.
<span style="color:#f2a107;">Text here</span>
This paragraph has a background color of #f2a107.
<p style="background-color:#f2a107;">Content here</p>
This element has a border color of #f2a107.
<div style="border:1px solid #f2a107;">Content here</div>
.text {color:#f2a107;}
.background {background-color:#f2a107;}
.border {border:1px solid #f2a107;}
Shades and Tints of #f2a107
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, #0d0900 is the darkest color, while #fffdf9 is the lightest one.
-
#0d0900
#0d0900
rgb(13,9,0)
-
#201501
#201501
rgb(32,21,1)
-
#332201
#332201
rgb(51,34,1)
-
#462f02
#462f02
rgb(70,47,2)
-
#593c03
#593c03
rgb(89,60,3)
-
#6d4803
#6d4803
rgb(109,72,3)
-
#805504
#805504
rgb(128,85,4)
-
#936204
#936204
rgb(147,98,4)
-
#a66e05
#a66e05
rgb(166,110,5)
-
#b97b05
#b97b05
rgb(185,123,5)
-
#cc8806
#cc8806
rgb(204,136,6)
-
#df9406
#df9406
rgb(223,148,6)
-
#f2a107
#f2a107
rgb(242,161,7)
-
#f8aa14
#f8aa14
rgb(248,170,20)
-
#f9b127
#f9b127
rgb(249,177,39)
-
#f9b83b
#f9b83b
rgb(249,184,59)
-
#fabe4e
#fabe4e
rgb(250,190,78)
-
#fac561
#fac561
rgb(250,197,97)
-
#fbcc74
#fbcc74
rgb(251,204,116)
-
#fcd387
#fcd387
rgb(252,211,135)
-
#fcda9a
#fcda9a
rgb(252,218,154)
-
#fde1ad
#fde1ad
rgb(253,225,173)
-
#fde8c0
#fde8c0
rgb(253,232,192)
-
#feefd3
#feefd3
rgb(254,239,211)
-
#fef6e6
#fef6e6
rgb(254,246,230)
-
#fffdf9
#fffdf9
rgb(255,253,249)
Tones of #f2a107
A tone is produced by adding gray to any pure hue. In this case, #7f7d7a is the less saturated color, while #f2a107 is the most saturated one.
-
#7f7d7a
#7f7d7a
rgb(127,125,122)
-
#898070
#898070
rgb(137,128,112)
-
#928367
#928367
rgb(146,131,103)
-
#9c865d
#9c865d
rgb(156,134,93)
-
#a58954
#a58954
rgb(165,137,84)
-
#af8c4a
#af8c4a
rgb(175,140,74)
-
#b98f40
#b98f40
rgb(185,143,64)
-
#c29237
#c29237
rgb(194,146,55)
-
#cc952d
#cc952d
rgb(204,149,45)
-
#d59824
#d59824
rgb(213,152,36)
-
#df9b1a
#df9b1a
rgb(223,155,26)
-
#e89e11
#e89e11
rgb(232,158,17)
-
#f2a107
#f2a107
rgb(242,161,7)
Color Blindness Simulator
Below, you can see how #f2a107 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.