#f2ae64 Color Information
In a RGB color space, hex #f2ae64 is composed of 94.9% red, 68.2% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.1% magenta, 58.7% yellow and 5.1% black. It has a hue angle of 31.3 degrees, a saturation of 84.5% and a lightness of 67.1%. #f2ae64 color hex could be obtained by blending #ffffc8 with #e55d00. Closest websafe color is: #ff9966.
-
- R 95
- G 68
- B 39
-
- C 0
- M 28
- Y 59
- K 5
● #f2ae64 color description : Soft orange.
#f2ae64 Color Conversion
The hexadecimal color #f2ae64 has RGB values of R:242, G:174, B:100 and CMYK values of C:0, M:0.28, Y:0.59, K:0.05. Its decimal value is 15904356.
Hex triplet | f2ae64 | #f2ae64 |
---|---|---|
RGB Decimal | 242, 174, 100 | rgb(242,174,100) |
RGB Percent | 94.9, 68.2, 39.2 | rgb(94.9%,68.2%,39.2%) |
CMYK | 0, 28, 59, 5 | |
HSL | 31.3°, 84.5, 67.1 | hsl(31.3,84.5%,67.1%) |
HSV (or HSB) | 31.3°, 58.7, 94.9 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 76.114, 17.215, 47.303 |
---|---|
XYZ | 54.055, 50.072, 18.874 |
xyY | 0.439, 0.407, 50.072 |
CIE-LCH | 76.114, 50.338, 70.002 |
CIE-LUV | 76.114, 52.506, 54.031 |
Hunter-Lab | 70.762, 12.523, 33.719 |
Binary | 11110010, 10101110, 01100100 |
Color Schemes with #f2ae64
Alternatives to #f2ae64
Below, you can see some colors close to #f2ae64. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2ae64 Preview
This text has a font color of #f2ae64.
<span style="color:#f2ae64;">Text here</span>
This paragraph has a background color of #f2ae64.
<p style="background-color:#f2ae64;">Content here</p>
This element has a border color of #f2ae64.
<div style="border:1px solid #f2ae64;">Content here</div>
.text {color:#f2ae64;}
.background {background-color:#f2ae64;}
.border {border:1px solid #f2ae64;}
Shades and Tints of #f2ae64
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, #080401 is the darkest color, while #fefaf5 is the lightest one.
-
#080401
#080401
rgb(8,4,1)
-
#1a0f02
#1a0f02
rgb(26,15,2)
-
#2c1904
#2c1904
rgb(44,25,4)
-
#3e2305
#3e2305
rgb(62,35,5)
-
#502d07
#502d07
rgb(80,45,7)
-
#623708
#623708
rgb(98,55,8)
-
#74410a
#74410a
rgb(116,65,10)
-
#874c0b
#874c0b
rgb(135,76,11)
-
#99560d
#99560d
rgb(153,86,13)
-
#ab600e
#ab600e
rgb(171,96,14)
-
#bd6a10
#bd6a10
rgb(189,106,16)
-
#cf7411
#cf7411
rgb(207,116,17)
-
#e17e13
#e17e13
rgb(225,126,19)
-
#ec881c
#ec881c
rgb(236,136,28)
-
#ed922e
#ed922e
rgb(237,146,46)
-
#ef9b40
#ef9b40
rgb(239,155,64)
-
#f0a552
#f0a552
rgb(240,165,82)
-
#f2ae64
#f2ae64
rgb(242,174,100)
-
#f4b776
#f4b776
rgb(244,183,118)
-
#f5c188
#f5c188
rgb(245,193,136)
-
#f7ca9a
#f7ca9a
rgb(247,202,154)
-
#f8d4ac
#f8d4ac
rgb(248,212,172)
-
#faddbe
#faddbe
rgb(250,221,190)
-
#fbe7d1
#fbe7d1
rgb(251,231,209)
-
#fdf0e3
#fdf0e3
rgb(253,240,227)
-
#fefaf5
#fefaf5
rgb(254,250,245)
Tones of #f2ae64
A tone is produced by adding gray to any pure hue. In this case, #b1aba5 is the less saturated color, while #ffaf57 is the most saturated one.
-
#b1aba5
#b1aba5
rgb(177,171,165)
-
#b8ac9e
#b8ac9e
rgb(184,172,158)
-
#beac98
#beac98
rgb(190,172,152)
-
#c5ac91
#c5ac91
rgb(197,172,145)
-
#cbac8b
#cbac8b
rgb(203,172,139)
-
#d2ad84
#d2ad84
rgb(210,173,132)
-
#d8ad7e
#d8ad7e
rgb(216,173,126)
-
#dfad77
#dfad77
rgb(223,173,119)
-
#e5ad71
#e5ad71
rgb(229,173,113)
-
#ecae6a
#ecae6a
rgb(236,174,106)
-
#f2ae64
#f2ae64
rgb(242,174,100)
-
#f8ae5e
#f8ae5e
rgb(248,174,94)
-
#ffaf57
#ffaf57
rgb(255,175,87)
Color Blindness Simulator
Below, you can see how #f2ae64 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.