#f2a616 Color Information
In a RGB color space, hex #f2a616 is composed of 94.9% red, 65.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 90.9% yellow and 5.1% black. It has a hue angle of 39.3 degrees, a saturation of 89.4% and a lightness of 51.8%. #f2a616 color hex could be obtained by blending #ffff2c with #e54d00. Closest websafe color is: #ff9900.
-
- R 95
- G 65
- B 9
-
- C 0
- M 31
- Y 91
- K 5
● #f2a616 color description : Vivid orange.
#f2a616 Color Conversion
The hexadecimal color #f2a616 has RGB values of R:242, G:166, B:22 and CMYK values of C:0, M:0.31, Y:0.91, K:0.05. Its decimal value is 15902230.
Hex triplet | f2a616 | #f2a616 |
---|---|---|
RGB Decimal | 242, 166, 22 | rgb(242,166,22) |
RGB Percent | 94.9, 65.1, 8.6 | rgb(94.9%,65.1%,8.6%) |
CMYK | 0, 31, 91, 5 | |
HSL | 39.3°, 89.4, 51.8 | hsl(39.3,89.4%,51.8%) |
HSV (or HSB) | 39.3°, 90.9, 94.9 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 73.682, 18.14, 74.412 |
---|---|
XYZ | 50.4, 46.211, 7.024 |
xyY | 0.486, 0.446, 46.211 |
CIE-LCH | 73.682, 76.591, 76.3 |
CIE-LUV | 73.682, 63.043, 72.396 |
Hunter-Lab | 67.979, 13.38, 41.459 |
Binary | 11110010, 10100110, 00010110 |
Color Schemes with #f2a616
Alternatives to #f2a616
Below, you can see some colors close to #f2a616. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2a616 Preview
This text has a font color of #f2a616.
<span style="color:#f2a616;">Text here</span>
This paragraph has a background color of #f2a616.
<p style="background-color:#f2a616;">Content here</p>
This element has a border color of #f2a616.
<div style="border:1px solid #f2a616;">Content here</div>
.text {color:#f2a616;}
.background {background-color:#f2a616;}
.border {border:1px solid #f2a616;}
Shades and Tints of #f2a616
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 #fefbf5 is the lightest one.
-
#090600
#090600
rgb(9,6,0)
-
#1b1202
#1b1202
rgb(27,18,2)
-
#2e1f03
#2e1f03
rgb(46,31,3)
-
#402b04
#402b04
rgb(64,43,4)
-
#533805
#533805
rgb(83,56,5)
-
#654406
#654406
rgb(101,68,6)
-
#785107
#785107
rgb(120,81,7)
-
#8b5d08
#8b5d08
rgb(139,93,8)
-
#9d6a09
#9d6a09
rgb(157,106,9)
-
#b0760a
#b0760a
rgb(176,118,10)
-
#c2830b
#c2830b
rgb(194,131,11)
-
#d58f0c
#d58f0c
rgb(213,143,12)
-
#e79c0d
#e79c0d
rgb(231,156,13)
-
#f2a616
#f2a616
rgb(242,166,22)
-
#f3ad29
#f3ad29
rgb(243,173,41)
-
#f4b43b
#f4b43b
rgb(244,180,59)
-
#f5bb4e
#f5bb4e
rgb(245,187,78)
-
#f6c260
#f6c260
rgb(246,194,96)
-
#f7c973
#f7c973
rgb(247,201,115)
-
#f8d185
#f8d185
rgb(248,209,133)
-
#f9d898
#f9d898
rgb(249,216,152)
-
#fadfab
#fadfab
rgb(250,223,171)
-
#fbe6bd
#fbe6bd
rgb(251,230,189)
-
#fcedd0
#fcedd0
rgb(252,237,208)
-
#fdf4e2
#fdf4e2
rgb(253,244,226)
-
#fefbf5
#fefbf5
rgb(254,251,245)
Tones of #f2a616
A tone is produced by adding gray to any pure hue. In this case, #8a867e is the less saturated color, while #fba90d is the most saturated one.
-
#8a867e
#8a867e
rgb(138,134,126)
-
#938975
#938975
rgb(147,137,117)
-
#9d8c6b
#9d8c6b
rgb(157,140,107)
-
#a68f62
#a68f62
rgb(166,143,98)
-
#b09258
#b09258
rgb(176,146,88)
-
#b9944f
#b9944f
rgb(185,148,79)
-
#c39745
#c39745
rgb(195,151,69)
-
#cc9a3c
#cc9a3c
rgb(204,154,60)
-
#d69d32
#d69d32
rgb(214,157,50)
-
#dfa029
#dfa029
rgb(223,160,41)
-
#e9a31f
#e9a31f
rgb(233,163,31)
-
#f2a616
#f2a616
rgb(242,166,22)
-
#fba90d
#fba90d
rgb(251,169,13)
Color Blindness Simulator
Below, you can see how #f2a616 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.