#f5a232 Color Information
In a RGB color space, hex #f5a232 is composed of 96.1% red, 63.5% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.9% magenta, 79.6% yellow and 3.9% black. It has a hue angle of 34.5 degrees, a saturation of 90.7% and a lightness of 57.8%. #f5a232 color hex could be obtained by blending #ffff64 with #eb4500. Closest websafe color is: #ff9933.
-
- R 96
- G 64
- B 20
-
- C 0
- M 34
- Y 80
- K 4
● #f5a232 color description : Bright orange.
#f5a232 Color Conversion
The hexadecimal color #f5a232 has RGB values of R:245, G:162, B:50 and CMYK values of C:0, M:0.34, Y:0.8, K:0.04. Its decimal value is 16097842.
Hex triplet | f5a232 | #f5a232 |
---|---|---|
RGB Decimal | 245, 162, 50 | rgb(245,162,50) |
RGB Percent | 96.1, 63.5, 19.6 | rgb(96.1%,63.5%,19.6%) |
CMYK | 0, 34, 80, 4 | |
HSL | 34.5°, 90.7, 57.8 | hsl(34.5,90.7%,57.8%) |
HSV (or HSB) | 34.5°, 79.6, 96.1 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 73.211, 22.176, 66.359 |
---|---|
XYZ | 51.154, 45.487, 9.103 |
xyY | 0.484, 0.43, 45.487 |
CIE-LCH | 73.211, 69.967, 71.521 |
CIE-LUV | 73.211, 67.686, 66.414 |
Hunter-Lab | 67.444, 17.358, 39.208 |
Binary | 11110101, 10100010, 00110010 |
Color Schemes with #f5a232
Alternatives to #f5a232
Below, you can see some colors close to #f5a232. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a232 Preview
This text has a font color of #f5a232.
<span style="color:#f5a232;">Text here</span>
This paragraph has a background color of #f5a232.
<p style="background-color:#f5a232;">Content here</p>
This element has a border color of #f5a232.
<div style="border:1px solid #f5a232;">Content here</div>
.text {color:#f5a232;}
.background {background-color:#f5a232;}
.border {border:1px solid #f5a232;}
Shades and Tints of #f5a232
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, #010000 is the darkest color, while #fef7ed is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#130c01
#130c01
rgb(19,12,1)
-
#261702
#261702
rgb(38,23,2)
-
#392203
#392203
rgb(57,34,3)
-
#4c2d04
#4c2d04
rgb(76,45,4)
-
#5e3805
#5e3805
rgb(94,56,5)
-
#714306
#714306
rgb(113,67,6)
-
#844e06
#844e06
rgb(132,78,6)
-
#965907
#965907
rgb(150,89,7)
-
#a96508
#a96508
rgb(169,101,8)
-
#bc7009
#bc7009
rgb(188,112,9)
-
#ce7b0a
#ce7b0a
rgb(206,123,10)
-
#e1860b
#e1860b
rgb(225,134,11)
-
#f3910d
#f3910d
rgb(243,145,13)
-
#f49a1f
#f49a1f
rgb(244,154,31)
-
#f5a232
#f5a232
rgb(245,162,50)
-
#f6aa45
#f6aa45
rgb(246,170,69)
-
#f7b357
#f7b357
rgb(247,179,87)
-
#f8bb6a
#f8bb6a
rgb(248,187,106)
-
#f9c47d
#f9c47d
rgb(249,196,125)
-
#facc90
#facc90
rgb(250,204,144)
-
#fad5a2
#fad5a2
rgb(250,213,162)
-
#fbddb5
#fbddb5
rgb(251,221,181)
-
#fce6c8
#fce6c8
rgb(252,230,200)
-
#fdeeda
#fdeeda
rgb(253,238,218)
-
#fef7ed
#fef7ed
rgb(254,247,237)
Tones of #f5a232
A tone is produced by adding gray to any pure hue. In this case, #9a948d is the less saturated color, while #fda32a is the most saturated one.
-
#9a948d
#9a948d
rgb(154,148,141)
-
#a29685
#a29685
rgb(162,150,133)
-
#ab977c
#ab977c
rgb(171,151,124)
-
#b39874
#b39874
rgb(179,152,116)
-
#bb996c
#bb996c
rgb(187,153,108)
-
#c39b64
#c39b64
rgb(195,155,100)
-
#cc9c5b
#cc9c5b
rgb(204,156,91)
-
#d49d53
#d49d53
rgb(212,157,83)
-
#dc9e4b
#dc9e4b
rgb(220,158,75)
-
#e4a043
#e4a043
rgb(228,160,67)
-
#eda13a
#eda13a
rgb(237,161,58)
-
#f5a232
#f5a232
rgb(245,162,50)
-
#fda32a
#fda32a
rgb(253,163,42)
Color Blindness Simulator
Below, you can see how #f5a232 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.