#f5ae12 Color Information
In a RGB color space, hex #f5ae12 is composed of 96.1% red, 68.2% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29% magenta, 92.7% yellow and 3.9% black. It has a hue angle of 41.2 degrees, a saturation of 91.9% and a lightness of 51.6%. #f5ae12 color hex could be obtained by blending #ffff24 with #eb5d00. Closest websafe color is: #ff9900.
-
- R 96
- G 68
- B 7
-
- C 0
- M 29
- Y 93
- K 4
● #f5ae12 color description : Vivid orange.
#f5ae12 Color Conversion
The hexadecimal color #f5ae12 has RGB values of R:245, G:174, B:18 and CMYK values of C:0, M:0.29, Y:0.93, K:0.04. Its decimal value is 16100882.
Hex triplet | f5ae12 | #f5ae12 |
---|---|---|
RGB Decimal | 245, 174, 18 | rgb(245,174,18) |
RGB Percent | 96.1, 68.2, 7.1 | rgb(96.1%,68.2%,7.1%) |
CMYK | 0, 29, 93, 4 | |
HSL | 41.2°, 91.9, 51.6 | hsl(41.2,91.9%,51.6%) |
HSV (or HSB) | 41.2°, 92.7, 96.1 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 75.904, 15.153, 76.892 |
---|---|
XYZ | 52.903, 49.732, 7.385 |
xyY | 0.481, 0.452, 49.732 |
CIE-LCH | 75.904, 78.371, 78.852 |
CIE-LUV | 75.904, 59.104, 75.795 |
Hunter-Lab | 70.521, 10.495, 43.155 |
Binary | 11110101, 10101110, 00010010 |
Color Schemes with #f5ae12
Alternatives to #f5ae12
Below, you can see some colors close to #f5ae12. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5ae12 Preview
This text has a font color of #f5ae12.
<span style="color:#f5ae12;">Text here</span>
This paragraph has a background color of #f5ae12.
<p style="background-color:#f5ae12;">Content here</p>
This element has a border color of #f5ae12.
<div style="border:1px solid #f5ae12;">Content here</div>
.text {color:#f5ae12;}
.background {background-color:#f5ae12;}
.border {border:1px solid #f5ae12;}
Shades and Tints of #f5ae12
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, #080500 is the darkest color, while #fffbf4 is the lightest one.
-
#080500
#080500
rgb(8,5,0)
-
#1a1301
#1a1301
rgb(26,19,1)
-
#2d2002
#2d2002
rgb(45,32,2)
-
#402d03
#402d03
rgb(64,45,3)
-
#533a04
#533a04
rgb(83,58,4)
-
#664704
#664704
rgb(102,71,4)
-
#795405
#795405
rgb(121,84,5)
-
#8b6206
#8b6206
rgb(139,98,6)
-
#9e6f07
#9e6f07
rgb(158,111,7)
-
#b17c07
#b17c07
rgb(177,124,7)
-
#c48908
#c48908
rgb(196,137,8)
-
#d79609
#d79609
rgb(215,150,9)
-
#eaa40a
#eaa40a
rgb(234,164,10)
-
#f5ae12
#f5ae12
rgb(245,174,18)
-
#f6b425
#f6b425
rgb(246,180,37)
-
#f7bb38
#f7bb38
rgb(247,187,56)
-
#f7c14a
#f7c14a
rgb(247,193,74)
-
#f8c85d
#f8c85d
rgb(248,200,93)
-
#f9ce70
#f9ce70
rgb(249,206,112)
-
#fad583
#fad583
rgb(250,213,131)
-
#fbdb96
#fbdb96
rgb(251,219,150)
-
#fbe1a9
#fbe1a9
rgb(251,225,169)
-
#fce8bb
#fce8bb
rgb(252,232,187)
-
#fdeece
#fdeece
rgb(253,238,206)
-
#fef5e1
#fef5e1
rgb(254,245,225)
-
#fffbf4
#fffbf4
rgb(255,251,244)
Tones of #f5ae12
A tone is produced by adding gray to any pure hue. In this case, #8d877b is the less saturated color, while #ffb209 is the most saturated one.
-
#8d877b
#8d877b
rgb(141,135,123)
-
#968a71
#968a71
rgb(150,138,113)
-
#a08e68
#a08e68
rgb(160,142,104)
-
#a9925e
#a9925e
rgb(169,146,94)
-
#b39555
#b39555
rgb(179,149,85)
-
#bc994b
#bc994b
rgb(188,153,75)
-
#c69c42
#c69c42
rgb(198,156,66)
-
#cfa038
#cfa038
rgb(207,160,56)
-
#d9a32f
#d9a32f
rgb(217,163,47)
-
#e2a725
#e2a725
rgb(226,167,37)
-
#ecaa1c
#ecaa1c
rgb(236,170,28)
-
#f5ae12
#f5ae12
rgb(245,174,18)
-
#ffb209
#ffb209
rgb(255,178,9)
Color Blindness Simulator
Below, you can see how #f5ae12 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.