#f5af30 Color Information
In a RGB color space, hex #f5af30 is composed of 96.1% red, 68.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.6% magenta, 80.4% yellow and 3.9% black. It has a hue angle of 38.7 degrees, a saturation of 90.8% and a lightness of 57.5%. #f5af30 color hex could be obtained by blending #ffff60 with #eb5f00. Closest websafe color is: #ff9933.
-
- R 96
- G 69
- B 19
-
- C 0
- M 29
- Y 80
- K 4
● #f5af30 color description : Bright orange.
#f5af30 Color Conversion
The hexadecimal color #f5af30 has RGB values of R:245, G:175, B:48 and CMYK values of C:0, M:0.29, Y:0.8, K:0.04. Its decimal value is 16101168.
Hex triplet | f5af30 | #f5af30 |
---|---|---|
RGB Decimal | 245, 175, 48 | rgb(245,175,48) |
RGB Percent | 96.1, 68.6, 18.8 | rgb(96.1%,68.6%,18.8%) |
CMYK | 0, 29, 80, 4 | |
HSL | 38.7°, 90.8, 57.5 | hsl(38.7,90.8%,57.5%) |
HSV (or HSB) | 38.7°, 80.4, 96.1 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 76.246, 15.274, 69.77 |
---|---|
XYZ | 53.521, 50.289, 9.684 |
xyY | 0.472, 0.443, 50.289 |
CIE-LCH | 76.246, 71.423, 77.652 |
CIE-LUV | 76.246, 57.453, 71.828 |
Hunter-Lab | 70.915, 10.617, 41.544 |
Binary | 11110101, 10101111, 00110000 |
Color Schemes with #f5af30
Alternatives to #f5af30
Below, you can see some colors close to #f5af30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5af30 Preview
This text has a font color of #f5af30.
<span style="color:#f5af30;">Text here</span>
This paragraph has a background color of #f5af30.
<p style="background-color:#f5af30;">Content here</p>
This element has a border color of #f5af30.
<div style="border:1px solid #f5af30;">Content here</div>
.text {color:#f5af30;}
.background {background-color:#f5af30;}
.border {border:1px solid #f5af30;}
Shades and Tints of #f5af30
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, #120c01 is the darkest color, while #fffffe is the lightest one.
-
#120c01
#120c01
rgb(18,12,1)
-
#241802
#241802
rgb(36,24,2)
-
#372403
#372403
rgb(55,36,3)
-
#4a3104
#4a3104
rgb(74,49,4)
-
#5c3d04
#5c3d04
rgb(92,61,4)
-
#6f4a05
#6f4a05
rgb(111,74,5)
-
#825606
#825606
rgb(130,86,6)
-
#956207
#956207
rgb(149,98,7)
-
#a76f08
#a76f08
rgb(167,111,8)
-
#ba7b09
#ba7b09
rgb(186,123,9)
-
#cd870a
#cd870a
rgb(205,135,10)
-
#df940b
#df940b
rgb(223,148,11)
-
#f2a00c
#f2a00c
rgb(242,160,12)
-
#f4a81d
#f4a81d
rgb(244,168,29)
-
#f5af30
#f5af30
rgb(245,175,48)
-
#f6b643
#f6b643
rgb(246,182,67)
-
#f7bd55
#f7bd55
rgb(247,189,85)
-
#f8c568
#f8c568
rgb(248,197,104)
-
#f9cc7b
#f9cc7b
rgb(249,204,123)
-
#fad38e
#fad38e
rgb(250,211,142)
-
#fadaa0
#fadaa0
rgb(250,218,160)
-
#fbe2b3
#fbe2b3
rgb(251,226,179)
-
#fce9c6
#fce9c6
rgb(252,233,198)
-
#fdf0d8
#fdf0d8
rgb(253,240,216)
-
#fef7eb
#fef7eb
rgb(254,247,235)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #f5af30
A tone is produced by adding gray to any pure hue. In this case, #99948c is the less saturated color, while #fdb128 is the most saturated one.
-
#99948c
#99948c
rgb(153,148,140)
-
#a29783
#a29783
rgb(162,151,131)
-
#aa997b
#aa997b
rgb(170,153,123)
-
#b29c73
#b29c73
rgb(178,156,115)
-
#bb9e6a
#bb9e6a
rgb(187,158,106)
-
#c3a162
#c3a162
rgb(195,161,98)
-
#cba35a
#cba35a
rgb(203,163,90)
-
#d4a551
#d4a551
rgb(212,165,81)
-
#dca849
#dca849
rgb(220,168,73)
-
#e4aa41
#e4aa41
rgb(228,170,65)
-
#edad38
#edad38
rgb(237,173,56)
-
#f5af30
#f5af30
rgb(245,175,48)
-
#fdb128
#fdb128
rgb(253,177,40)
Color Blindness Simulator
Below, you can see how #f5af30 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.