#f5ae4c Color Information
In a RGB color space, hex #f5ae4c is composed of 96.1% red, 68.2% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29% magenta, 69% yellow and 3.9% black. It has a hue angle of 34.8 degrees, a saturation of 89.4% and a lightness of 62.9%. #f5ae4c color hex could be obtained by blending #ffff98 with #eb5d00. Closest websafe color is: #ff9933.
-
- R 96
- G 68
- B 30
-
- C 0
- M 29
- Y 69
- K 4
● #f5ae4c color description : Soft orange.
#f5ae4c Color Conversion
The hexadecimal color #f5ae4c has RGB values of R:245, G:174, B:76 and CMYK values of C:0, M:0.29, Y:0.69, K:0.04. Its decimal value is 16100940.
Hex triplet | f5ae4c | #f5ae4c |
---|---|---|
RGB Decimal | 245, 174, 76 | rgb(245,174,76) |
RGB Percent | 96.1, 68.2, 29.8 | rgb(96.1%,68.2%,29.8%) |
CMYK | 0, 29, 69, 4 | |
HSL | 34.8°, 89.4, 62.9 | hsl(34.8,89.4%,62.9%) |
HSV (or HSB) | 34.8°, 69, 96.1 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 76.198, 16.962, 58.793 |
---|---|
XYZ | 54.098, 50.21, 13.679 |
xyY | 0.459, 0.426, 50.21 |
CIE-LCH | 76.198, 61.191, 73.907 |
CIE-LUV | 76.198, 56.714, 63.766 |
Hunter-Lab | 70.859, 12.275, 38.155 |
Binary | 11110101, 10101110, 01001100 |
Color Schemes with #f5ae4c
Alternatives to #f5ae4c
Below, you can see some colors close to #f5ae4c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5ae4c Preview
This text has a font color of #f5ae4c.
<span style="color:#f5ae4c;">Text here</span>
This paragraph has a background color of #f5ae4c.
<p style="background-color:#f5ae4c;">Content here</p>
This element has a border color of #f5ae4c.
<div style="border:1px solid #f5ae4c;">Content here</div>
.text {color:#f5ae4c;}
.background {background-color:#f5ae4c;}
.border {border:1px solid #f5ae4c;}
Shades and Tints of #f5ae4c
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, #070400 is the darkest color, while #fefaf3 is the lightest one.
-
#070400
#070400
rgb(7,4,0)
-
#190f01
#190f01
rgb(25,15,1)
-
#2c1b02
#2c1b02
rgb(44,27,2)
-
#3f2603
#3f2603
rgb(63,38,3)
-
#513105
#513105
rgb(81,49,5)
-
#643c06
#643c06
rgb(100,60,6)
-
#764707
#764707
rgb(118,71,7)
-
#895308
#895308
rgb(137,83,8)
-
#9b5e09
#9b5e09
rgb(155,94,9)
-
#ae690a
#ae690a
rgb(174,105,10)
-
#c1740b
#c1740b
rgb(193,116,11)
-
#d37f0c
#d37f0c
rgb(211,127,12)
-
#e68b0d
#e68b0d
rgb(230,139,13)
-
#f29514
#f29514
rgb(242,149,20)
-
#f39d27
#f39d27
rgb(243,157,39)
-
#f4a639
#f4a639
rgb(244,166,57)
-
#f5ae4c
#f5ae4c
rgb(245,174,76)
-
#f6b65f
#f6b65f
rgb(246,182,95)
-
#f7bf71
#f7bf71
rgb(247,191,113)
-
#f8c784
#f8c784
rgb(248,199,132)
-
#f9d096
#f9d096
rgb(249,208,150)
-
#fad8a9
#fad8a9
rgb(250,216,169)
-
#fbe0bb
#fbe0bb
rgb(251,224,187)
-
#fce9ce
#fce9ce
rgb(252,233,206)
-
#fdf1e1
#fdf1e1
rgb(253,241,225)
-
#fefaf3
#fefaf3
rgb(254,250,243)
Tones of #f5ae4c
A tone is produced by adding gray to any pure hue. In this case, #a5a19c is the less saturated color, while #fcaf45 is the most saturated one.
-
#a5a19c
#a5a19c
rgb(165,161,156)
-
#aca295
#aca295
rgb(172,162,149)
-
#b4a48d
#b4a48d
rgb(180,164,141)
-
#bba586
#bba586
rgb(187,165,134)
-
#c2a67f
#c2a67f
rgb(194,166,127)
-
#c9a778
#c9a778
rgb(201,167,120)
-
#d1a870
#d1a870
rgb(209,168,112)
-
#d8a969
#d8a969
rgb(216,169,105)
-
#dfab62
#dfab62
rgb(223,171,98)
-
#e6ac5b
#e6ac5b
rgb(230,172,91)
-
#eead53
#eead53
rgb(238,173,83)
-
#f5ae4c
#f5ae4c
rgb(245,174,76)
-
#fcaf45
#fcaf45
rgb(252,175,69)
Color Blindness Simulator
Below, you can see how #f5ae4c 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.