#f2ae26 Color Information
In a RGB color space, hex #f2ae26 is composed of 94.9% red, 68.2% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.1% magenta, 84.3% yellow and 5.1% black. It has a hue angle of 40 degrees, a saturation of 88.7% and a lightness of 54.9%. #f2ae26 color hex could be obtained by blending #ffff4c with #e55d00. Closest websafe color is: #ff9933.
-
- R 95
- G 68
- B 15
-
- C 0
- M 28
- Y 84
- K 5
● #f2ae26 color description : Bright orange.
#f2ae26 Color Conversion
The hexadecimal color #f2ae26 has RGB values of R:242, G:174, B:38 and CMYK values of C:0, M:0.28, Y:0.84, K:0.05. Its decimal value is 15904294.
Hex triplet | f2ae26 | #f2ae26 |
---|---|---|
RGB Decimal | 242, 174, 38 | rgb(242,174,38) |
RGB Percent | 94.9, 68.2, 14.9 | rgb(94.9%,68.2%,14.9%) |
CMYK | 0, 28, 84, 5 | |
HSL | 40°, 88.7, 54.9 | hsl(40,88.7%,54.9%) |
HSV (or HSB) | 40°, 84.3, 94.9 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 75.633, 14.244, 72.164 |
---|---|
XYZ | 52.105, 49.292, 8.604 |
xyY | 0.474, 0.448, 49.292 |
CIE-LCH | 75.633, 73.557, 78.834 |
CIE-LUV | 75.633, 56.211, 73.215 |
Hunter-Lab | 70.209, 9.608, 41.88 |
Binary | 11110010, 10101110, 00100110 |
Color Schemes with #f2ae26
Alternatives to #f2ae26
Below, you can see some colors close to #f2ae26. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2ae26 Preview
This text has a font color of #f2ae26.
<span style="color:#f2ae26;">Text here</span>
This paragraph has a background color of #f2ae26.
<p style="background-color:#f2ae26;">Content here</p>
This element has a border color of #f2ae26.
<div style="border:1px solid #f2ae26;">Content here</div>
.text {color:#f2ae26;}
.background {background-color:#f2ae26;}
.border {border:1px solid #f2ae26;}
Shades and Tints of #f2ae26
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, #050300 is the darkest color, while #fefaf2 is the lightest one.
-
#050300
#050300
rgb(5,3,0)
-
#181001
#181001
rgb(24,16,1)
-
#2a1d03
#2a1d03
rgb(42,29,3)
-
#3d2a04
#3d2a04
rgb(61,42,4)
-
#4f3605
#4f3605
rgb(79,54,5)
-
#624306
#624306
rgb(98,67,6)
-
#745007
#745007
rgb(116,80,7)
-
#875c08
#875c08
rgb(135,92,8)
-
#996909
#996909
rgb(153,105,9)
-
#ac760a
#ac760a
rgb(172,118,10)
-
#be830b
#be830b
rgb(190,131,11)
-
#d18f0d
#d18f0d
rgb(209,143,13)
-
#e39c0e
#e39c0e
rgb(227,156,14)
-
#f1a713
#f1a713
rgb(241,167,19)
-
#f2ae26
#f2ae26
rgb(242,174,38)
-
#f3b539
#f3b539
rgb(243,181,57)
-
#f4bc4b
#f4bc4b
rgb(244,188,75)
-
#f5c35e
#f5c35e
rgb(245,195,94)
-
#f6ca70
#f6ca70
rgb(246,202,112)
-
#f8d183
#f8d183
rgb(248,209,131)
-
#f9d795
#f9d795
rgb(249,215,149)
-
#fadea8
#fadea8
rgb(250,222,168)
-
#fbe5ba
#fbe5ba
rgb(251,229,186)
-
#fceccd
#fceccd
rgb(252,236,205)
-
#fdf3df
#fdf3df
rgb(253,243,223)
-
#fefaf2
#fefaf2
rgb(254,250,242)
Tones of #f2ae26
A tone is produced by adding gray to any pure hue. In this case, #918e87 is the less saturated color, while #fbb11d is the most saturated one.
-
#918e87
#918e87
rgb(145,142,135)
-
#9a917e
#9a917e
rgb(154,145,126)
-
#a29376
#a29376
rgb(162,147,118)
-
#ab966d
#ab966d
rgb(171,150,109)
-
#b49964
#b49964
rgb(180,153,100)
-
#bd9c5b
#bd9c5b
rgb(189,156,91)
-
#c69f52
#c69f52
rgb(198,159,82)
-
#cfa249
#cfa249
rgb(207,162,73)
-
#d7a541
#d7a541
rgb(215,165,65)
-
#e0a838
#e0a838
rgb(224,168,56)
-
#e9ab2f
#e9ab2f
rgb(233,171,47)
-
#f2ae26
#f2ae26
rgb(242,174,38)
-
#fbb11d
#fbb11d
rgb(251,177,29)
Color Blindness Simulator
Below, you can see how #f2ae26 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.