#f2ae16 Color Information
In a RGB color space, hex #f2ae16 is composed of 94.9% red, 68.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.1% magenta, 90.9% yellow and 5.1% black. It has a hue angle of 41.5 degrees, a saturation of 89.4% and a lightness of 51.8%. #f2ae16 color hex could be obtained by blending #ffff2c with #e55d00. Closest websafe color is: #ff9900.
-
- R 95
- G 68
- B 9
-
- C 0
- M 28
- Y 91
- K 5
● #f2ae16 color description : Vivid orange.
#f2ae16 Color Conversion
The hexadecimal color #f2ae16 has RGB values of R:242, G:174, B:22 and CMYK values of C:0, M:0.28, Y:0.91, K:0.05. Its decimal value is 15904278.
Hex triplet | f2ae16 | #f2ae16 |
---|---|---|
RGB Decimal | 242, 174, 22 | rgb(242,174,22) |
RGB Percent | 94.9, 68.2, 8.6 | rgb(94.9%,68.2%,8.6%) |
CMYK | 0, 28, 91, 5 | |
HSL | 41.5°, 89.4, 51.8 | hsl(41.5,89.4%,51.8%) |
HSV (or HSB) | 41.5°, 90.9, 94.9 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 75.582, 13.926, 75.828 |
---|---|
XYZ | 51.9, 49.21, 7.524 |
xyY | 0.478, 0.453, 49.21 |
CIE-LCH | 75.582, 77.096, 79.593 |
CIE-LUV | 75.582, 56.623, 75.341 |
Hunter-Lab | 70.15, 9.299, 42.746 |
Binary | 11110010, 10101110, 00010110 |
Color Schemes with #f2ae16
Alternatives to #f2ae16
Below, you can see some colors close to #f2ae16. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2ae16 Preview
This text has a font color of #f2ae16.
<span style="color:#f2ae16;">Text here</span>
This paragraph has a background color of #f2ae16.
<p style="background-color:#f2ae16;">Content here</p>
This element has a border color of #f2ae16.
<div style="border:1px solid #f2ae16;">Content here</div>
.text {color:#f2ae16;}
.background {background-color:#f2ae16;}
.border {border:1px solid #f2ae16;}
Shades and Tints of #f2ae16
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 #fefcf5 is the lightest one.
-
#090600
#090600
rgb(9,6,0)
-
#1b1302
#1b1302
rgb(27,19,2)
-
#2e2003
#2e2003
rgb(46,32,3)
-
#402e04
#402e04
rgb(64,46,4)
-
#533b05
#533b05
rgb(83,59,5)
-
#654806
#654806
rgb(101,72,6)
-
#785507
#785507
rgb(120,85,7)
-
#8b6208
#8b6208
rgb(139,98,8)
-
#9d6f09
#9d6f09
rgb(157,111,9)
-
#b07c0a
#b07c0a
rgb(176,124,10)
-
#c28a0b
#c28a0b
rgb(194,138,11)
-
#d5970c
#d5970c
rgb(213,151,12)
-
#e7a40d
#e7a40d
rgb(231,164,13)
-
#f2ae16
#f2ae16
rgb(242,174,22)
-
#f3b429
#f3b429
rgb(243,180,41)
-
#f4bb3b
#f4bb3b
rgb(244,187,59)
-
#f5c14e
#f5c14e
rgb(245,193,78)
-
#f6c860
#f6c860
rgb(246,200,96)
-
#f7ce73
#f7ce73
rgb(247,206,115)
-
#f8d585
#f8d585
rgb(248,213,133)
-
#f9db98
#f9db98
rgb(249,219,152)
-
#fae2ab
#fae2ab
rgb(250,226,171)
-
#fbe8bd
#fbe8bd
rgb(251,232,189)
-
#fcefd0
#fcefd0
rgb(252,239,208)
-
#fdf5e2
#fdf5e2
rgb(253,245,226)
-
#fefcf5
#fefcf5
rgb(254,252,245)
Tones of #f2ae16
A tone is produced by adding gray to any pure hue. In this case, #8a867e is the less saturated color, while #fbb20d is the most saturated one.
-
#8a867e
#8a867e
rgb(138,134,126)
-
#938a75
#938a75
rgb(147,138,117)
-
#9d8d6b
#9d8d6b
rgb(157,141,107)
-
#a69162
#a69162
rgb(166,145,98)
-
#b09558
#b09558
rgb(176,149,88)
-
#b9984f
#b9984f
rgb(185,152,79)
-
#c39c45
#c39c45
rgb(195,156,69)
-
#cca03c
#cca03c
rgb(204,160,60)
-
#d6a332
#d6a332
rgb(214,163,50)
-
#dfa729
#dfa729
rgb(223,167,41)
-
#e9aa1f
#e9aa1f
rgb(233,170,31)
-
#f2ae16
#f2ae16
rgb(242,174,22)
-
#fbb20d
#fbb20d
rgb(251,178,13)
Color Blindness Simulator
Below, you can see how #f2ae16 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.