#f3af49 Color Information
In a RGB color space, hex #f3af49 is composed of 95.3% red, 68.6% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28% magenta, 70% yellow and 4.7% black. It has a hue angle of 36 degrees, a saturation of 87.6% and a lightness of 62%. #f3af49 color hex could be obtained by blending #ffff92 with #e75f00. Closest websafe color is: #ff9933.
-
- R 95
- G 69
- B 29
-
- C 0
- M 28
- Y 70
- K 5
● #f3af49 color description : Soft orange.
#f3af49 Color Conversion
The hexadecimal color #f3af49 has RGB values of R:243, G:175, B:73 and CMYK values of C:0, M:0.28, Y:0.7, K:0.05. Its decimal value is 15970121.
Hex triplet | f3af49 | #f3af49 |
---|---|---|
RGB Decimal | 243, 175, 73 | rgb(243,175,73) |
RGB Percent | 95.3, 68.6, 28.6 | rgb(95.3%,68.6%,28.6%) |
CMYK | 0, 28, 70, 5 | |
HSL | 36°, 87.6, 62 | hsl(36,87.6%,62%) |
HSV (or HSB) | 36°, 70, 95.3 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 76.191, 15.447, 60.029 |
---|---|
XYZ | 53.496, 50.199, 13.175 |
xyY | 0.458, 0.43, 50.199 |
CIE-LCH | 76.191, 61.984, 75.569 |
CIE-LUV | 76.191, 54.57, 65.067 |
Hunter-Lab | 70.851, 10.786, 38.571 |
Binary | 11110011, 10101111, 01001001 |
Color Schemes with #f3af49
Alternatives to #f3af49
Below, you can see some colors close to #f3af49. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f3af49 Preview
This text has a font color of #f3af49.
<span style="color:#f3af49;">Text here</span>
This paragraph has a background color of #f3af49.
<p style="background-color:#f3af49;">Content here</p>
This element has a border color of #f3af49.
<div style="border:1px solid #f3af49;">Content here</div>
.text {color:#f3af49;}
.background {background-color:#f3af49;}
.border {border:1px solid #f3af49;}
Shades and Tints of #f3af49
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, #020100 is the darkest color, while #fef8ef is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#140d01
#140d01
rgb(20,13,1)
-
#271803
#271803
rgb(39,24,3)
-
#392404
#392404
rgb(57,36,4)
-
#4c2f05
#4c2f05
rgb(76,47,5)
-
#5e3b06
#5e3b06
rgb(94,59,6)
-
#704607
#704607
rgb(112,70,7)
-
#835209
#835209
rgb(131,82,9)
-
#955d0a
#955d0a
rgb(149,93,10)
-
#a8690b
#a8690b
rgb(168,105,11)
-
#ba750c
#ba750c
rgb(186,117,12)
-
#cc800d
#cc800d
rgb(204,128,13)
-
#df8c0f
#df8c0f
rgb(223,140,15)
-
#ef9712
#ef9712
rgb(239,151,18)
-
#f19f24
#f19f24
rgb(241,159,36)
-
#f2a737
#f2a737
rgb(242,167,55)
-
#f3af49
#f3af49
rgb(243,175,73)
-
#f4b75b
#f4b75b
rgb(244,183,91)
-
#f5bf6e
#f5bf6e
rgb(245,191,110)
-
#f7c780
#f7c780
rgb(247,199,128)
-
#f8cf93
#f8cf93
rgb(248,207,147)
-
#f9d7a5
#f9d7a5
rgb(249,215,165)
-
#fae0b7
#fae0b7
rgb(250,224,183)
-
#fbe8ca
#fbe8ca
rgb(251,232,202)
-
#fdf0dc
#fdf0dc
rgb(253,240,220)
-
#fef8ef
#fef8ef
rgb(254,248,239)
Tones of #f3af49
A tone is produced by adding gray to any pure hue. In this case, #a19f9b is the less saturated color, while #fab042 is the most saturated one.
-
#a19f9b
#a19f9b
rgb(161,159,155)
-
#a8a094
#a8a094
rgb(168,160,148)
-
#b0a28c
#b0a28c
rgb(176,162,140)
-
#b7a385
#b7a385
rgb(183,163,133)
-
#bfa57d
#bfa57d
rgb(191,165,125)
-
#c6a676
#c6a676
rgb(198,166,118)
-
#cea86e
#cea86e
rgb(206,168,110)
-
#d5a967
#d5a967
rgb(213,169,103)
-
#ddab5f
#ddab5f
rgb(221,171,95)
-
#e4ac58
#e4ac58
rgb(228,172,88)
-
#ecae50
#ecae50
rgb(236,174,80)
-
#f3af49
#f3af49
rgb(243,175,73)
-
#fab042
#fab042
rgb(250,176,66)
Color Blindness Simulator
Below, you can see how #f3af49 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.