#f3ae64 Color Information
In a RGB color space, hex #f3ae64 is composed of 95.3% red, 68.2% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.4% magenta, 58.8% yellow and 4.7% black. It has a hue angle of 31 degrees, a saturation of 85.6% and a lightness of 67.3%. #f3ae64 color hex could be obtained by blending #ffffc8 with #e75d00. Closest websafe color is: #ff9966.
-
- R 95
- G 68
- B 39
-
- C 0
- M 28
- Y 59
- K 5
● #f3ae64 color description : Soft orange.
#f3ae64 Color Conversion
The hexadecimal color #f3ae64 has RGB values of R:243, G:174, B:100 and CMYK values of C:0, M:0.28, Y:0.59, K:0.05. Its decimal value is 15969892.
Hex triplet | f3ae64 | #f3ae64 |
---|---|---|
RGB Decimal | 243, 174, 100 | rgb(243,174,100) |
RGB Percent | 95.3, 68.2, 39.2 | rgb(95.3%,68.2%,39.2%) |
CMYK | 0, 28, 59, 5 | |
HSL | 31°, 85.6, 67.3 | hsl(31,85.6%,67.3%) |
HSV (or HSB) | 31°, 58.8, 95.3 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 76.222, 17.623, 47.458 |
---|---|
XYZ | 54.399, 50.25, 18.89 |
xyY | 0.44, 0.407, 50.25 |
CIE-LCH | 76.222, 50.625, 69.628 |
CIE-LUV | 76.222, 53.28, 54.108 |
Hunter-Lab | 70.887, 12.929, 33.821 |
Binary | 11110011, 10101110, 01100100 |
Color Schemes with #f3ae64
Alternatives to #f3ae64
Below, you can see some colors close to #f3ae64. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f3ae64 Preview
This text has a font color of #f3ae64.
<span style="color:#f3ae64;">Text here</span>
This paragraph has a background color of #f3ae64.
<p style="background-color:#f3ae64;">Content here</p>
This element has a border color of #f3ae64.
<div style="border:1px solid #f3ae64;">Content here</div>
.text {color:#f3ae64;}
.background {background-color:#f3ae64;}
.border {border:1px solid #f3ae64;}
Shades and Tints of #f3ae64
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, #090501 is the darkest color, while #fefaf6 is the lightest one.
-
#090501
#090501
rgb(9,5,1)
-
#1b0f02
#1b0f02
rgb(27,15,2)
-
#2d1904
#2d1904
rgb(45,25,4)
-
#3f2305
#3f2305
rgb(63,35,5)
-
#522d06
#522d06
rgb(82,45,6)
-
#643708
#643708
rgb(100,55,8)
-
#764209
#764209
rgb(118,66,9)
-
#884c0b
#884c0b
rgb(136,76,11)
-
#9b560c
#9b560c
rgb(155,86,12)
-
#ad600d
#ad600d
rgb(173,96,13)
-
#bf6a0f
#bf6a0f
rgb(191,106,15)
-
#d17410
#d17410
rgb(209,116,16)
-
#e37e12
#e37e12
rgb(227,126,18)
-
#ed881b
#ed881b
rgb(237,136,27)
-
#ef912d
#ef912d
rgb(239,145,45)
-
#f09b40
#f09b40
rgb(240,155,64)
-
#f2a452
#f2a452
rgb(242,164,82)
-
#f3ae64
#f3ae64
rgb(243,174,100)
-
#f4b876
#f4b876
rgb(244,184,118)
-
#f6c188
#f6c188
rgb(246,193,136)
-
#f7cb9b
#f7cb9b
rgb(247,203,155)
-
#f9d4ad
#f9d4ad
rgb(249,212,173)
-
#fadebf
#fadebf
rgb(250,222,191)
-
#fbe7d1
#fbe7d1
rgb(251,231,209)
-
#fdf1e3
#fdf1e3
rgb(253,241,227)
-
#fefaf6
#fefaf6
rgb(254,250,246)
Tones of #f3ae64
A tone is produced by adding gray to any pure hue. In this case, #acacab is the less saturated color, while #f9ae5e is the most saturated one.
-
#acacab
#acacab
rgb(172,172,171)
-
#b3aca4
#b3aca4
rgb(179,172,164)
-
#b9ac9e
#b9ac9e
rgb(185,172,158)
-
#c0ac97
#c0ac97
rgb(192,172,151)
-
#c6ac91
#c6ac91
rgb(198,172,145)
-
#ccad8b
#ccad8b
rgb(204,173,139)
-
#d3ad84
#d3ad84
rgb(211,173,132)
-
#d9ad7e
#d9ad7e
rgb(217,173,126)
-
#e0ad77
#e0ad77
rgb(224,173,119)
-
#e6ae71
#e6ae71
rgb(230,174,113)
-
#edae6a
#edae6a
rgb(237,174,106)
-
#f3ae64
#f3ae64
rgb(243,174,100)
-
#f9ae5e
#f9ae5e
rgb(249,174,94)
Color Blindness Simulator
Below, you can see how #f3ae64 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.