#f8a552 Color Information
In a RGB color space, hex #f8a552 is composed of 97.3% red, 64.7% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.5% magenta, 66.9% yellow and 2.7% black. It has a hue angle of 30 degrees, a saturation of 92.2% and a lightness of 64.7%. #f8a552 color hex could be obtained by blending #ffffa4 with #f14b00. Closest websafe color is: #ff9966.
-
- R 97
- G 65
- B 32
-
- C 0
- M 33
- Y 67
- K 3
● #f8a552 color description : Soft orange.
#f8a552 Color Conversion
The hexadecimal color #f8a552 has RGB values of R:248, G:165, B:82 and CMYK values of C:0, M:0.33, Y:0.67, K:0.03. Its decimal value is 16295250.
Hex triplet | f8a552 | #f8a552 |
---|---|---|
RGB Decimal | 248, 165, 82 | rgb(248,165,82) |
RGB Percent | 97.3, 64.7, 32.2 | rgb(97.3%,64.7%,32.2%) |
CMYK | 0, 33, 67, 3 | |
HSL | 30°, 92.2, 64.7 | hsl(30,92.2%,64.7%) |
HSV (or HSB) | 30°, 66.9, 97.3 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 74.495, 23.257, 54.32 |
---|---|
XYZ | 53.691, 47.479, 14.319 |
xyY | 0.465, 0.411, 47.479 |
CIE-LCH | 74.495, 59.09, 66.822 |
CIE-LUV | 74.495, 65.544, 58.078 |
Hunter-Lab | 68.905, 18.502, 35.913 |
Binary | 11111000, 10100101, 01010010 |
Color Schemes with #f8a552
Alternatives to #f8a552
Below, you can see some colors close to #f8a552. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f8a552 Preview
This text has a font color of #f8a552.
<span style="color:#f8a552;">Text here</span>
This paragraph has a background color of #f8a552.
<p style="background-color:#f8a552;">Content here</p>
This element has a border color of #f8a552.
<div style="border:1px solid #f8a552;">Content here</div>
.text {color:#f8a552;}
.background {background-color:#f8a552;}
.border {border:1px solid #f8a552;}
Shades and Tints of #f8a552
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, #100801 is the darkest color, while #fffdfc is the lightest one.
-
#100801
#100801
rgb(16,8,1)
-
#221201
#221201
rgb(34,18,1)
-
#351c02
#351c02
rgb(53,28,2)
-
#482603
#482603
rgb(72,38,3)
-
#5b2f04
#5b2f04
rgb(91,47,4)
-
#6e3904
#6e3904
rgb(110,57,4)
-
#814305
#814305
rgb(129,67,5)
-
#934d06
#934d06
rgb(147,77,6)
-
#a65707
#a65707
rgb(166,87,7)
-
#b96007
#b96007
rgb(185,96,7)
-
#cc6a08
#cc6a08
rgb(204,106,8)
-
#df7409
#df7409
rgb(223,116,9)
-
#f27e0a
#f27e0a
rgb(242,126,10)
-
#f68819
#f68819
rgb(246,136,25)
-
#f6912c
#f6912c
rgb(246,145,44)
-
#f79b3f
#f79b3f
rgb(247,155,63)
-
#f8a552
#f8a552
rgb(248,165,82)
-
#f9af65
#f9af65
rgb(249,175,101)
-
#fab978
#fab978
rgb(250,185,120)
-
#fac28b
#fac28b
rgb(250,194,139)
-
#fbcc9d
#fbcc9d
rgb(251,204,157)
-
#fcd6b0
#fcd6b0
rgb(252,214,176)
-
#fde0c3
#fde0c3
rgb(253,224,195)
-
#fdead6
#fdead6
rgb(253,234,214)
-
#fef3e9
#fef3e9
rgb(254,243,233)
-
#fffdfc
#fffdfc
rgb(255,253,252)
Tones of #f8a552
A tone is produced by adding gray to any pure hue. In this case, #aca59e is the less saturated color, while #ffa54b is the most saturated one.
-
#aca59e
#aca59e
rgb(172,165,158)
-
#b3a597
#b3a597
rgb(179,165,151)
-
#baa590
#baa590
rgb(186,165,144)
-
#c1a589
#c1a589
rgb(193,165,137)
-
#c8a582
#c8a582
rgb(200,165,130)
-
#cea57c
#cea57c
rgb(206,165,124)
-
#d5a575
#d5a575
rgb(213,165,117)
-
#dca56e
#dca56e
rgb(220,165,110)
-
#e3a567
#e3a567
rgb(227,165,103)
-
#eaa560
#eaa560
rgb(234,165,96)
-
#f1a559
#f1a559
rgb(241,165,89)
-
#f8a552
#f8a552
rgb(248,165,82)
-
#ffa54b
#ffa54b
rgb(255,165,75)
Color Blindness Simulator
Below, you can see how #f8a552 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.