#f0ae4c Color Information
In a RGB color space, hex #f0ae4c is composed of 94.1% red, 68.2% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.5% magenta, 68.3% yellow and 5.9% black. It has a hue angle of 35.9 degrees, a saturation of 84.5% and a lightness of 62%. #f0ae4c color hex could be obtained by blending #ffff98 with #e15d00. Closest websafe color is: #ff9933.
-
- R 94
- G 68
- B 30
-
- C 0
- M 28
- Y 68
- K 6
● #f0ae4c color description : Soft orange.
#f0ae4c Color Conversion
The hexadecimal color #f0ae4c has RGB values of R:240, G:174, B:76 and CMYK values of C:0, M:0.28, Y:0.68, K:0.06. Its decimal value is 15773260.
Hex triplet | f0ae4c | #f0ae4c |
---|---|---|
RGB Decimal | 240, 174, 76 | rgb(240,174,76) |
RGB Percent | 94.1, 68.2, 29.8 | rgb(94.1%,68.2%,29.8%) |
CMYK | 0, 28, 68, 6 | |
HSL | 35.9°, 84.5, 62 | hsl(35.9,84.5%,62%) |
HSV (or HSB) | 35.9°, 68.3, 94.1 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 75.651, 14.875, 58.048 |
---|---|
XYZ | 52.377, 49.322, 13.599 |
xyY | 0.454, 0.428, 49.322 |
CIE-LCH | 75.651, 59.924, 75.627 |
CIE-LUV | 75.651, 52.78, 63.486 |
Hunter-Lab | 70.23, 10.222, 37.68 |
Binary | 11110000, 10101110, 01001100 |
Color Schemes with #f0ae4c
Alternatives to #f0ae4c
Below, you can see some colors close to #f0ae4c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f0ae4c Preview
This text has a font color of #f0ae4c.
<span style="color:#f0ae4c;">Text here</span>
This paragraph has a background color of #f0ae4c.
<p style="background-color:#f0ae4c;">Content here</p>
This element has a border color of #f0ae4c.
<div style="border:1px solid #f0ae4c;">Content here</div>
.text {color:#f0ae4c;}
.background {background-color:#f0ae4c;}
.border {border:1px solid #f0ae4c;}
Shades and Tints of #f0ae4c
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, #020100 is the darkest color, while #fef8ef is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#140d02
#140d02
rgb(20,13,2)
-
#261803
#261803
rgb(38,24,3)
-
#382405
#382405
rgb(56,36,5)
-
#4a2f06
#4a2f06
rgb(74,47,6)
-
#5c3a08
#5c3a08
rgb(92,58,8)
-
#6f4609
#6f4609
rgb(111,70,9)
-
#81510b
#81510b
rgb(129,81,11)
-
#935d0c
#935d0c
rgb(147,93,12)
-
#a5680e
#a5680e
rgb(165,104,14)
-
#b7740f
#b7740f
rgb(183,116,15)
-
#c97f11
#c97f11
rgb(201,127,17)
-
#db8a12
#db8a12
rgb(219,138,18)
-
#eb9516
#eb9516
rgb(235,149,22)
-
#ed9e28
#ed9e28
rgb(237,158,40)
-
#eea63a
#eea63a
rgb(238,166,58)
-
#f0ae4c
#f0ae4c
rgb(240,174,76)
-
#f2b65e
#f2b65e
rgb(242,182,94)
-
#f3be70
#f3be70
rgb(243,190,112)
-
#f5c782
#f5c782
rgb(245,199,130)
-
#f6cf94
#f6cf94
rgb(246,207,148)
-
#f8d7a6
#f8d7a6
rgb(248,215,166)
-
#f9dfb9
#f9dfb9
rgb(249,223,185)
-
#fbe7cb
#fbe7cb
rgb(251,231,203)
-
#fcf0dd
#fcf0dd
rgb(252,240,221)
-
#fef8ef
#fef8ef
rgb(254,248,239)
Tones of #f0ae4c
A tone is produced by adding gray to any pure hue. In this case, #a59f97 is the less saturated color, while #ffb13d is the most saturated one.
-
#a59f97
#a59f97
rgb(165,159,151)
-
#ada18f
#ada18f
rgb(173,161,143)
-
#b4a288
#b4a288
rgb(180,162,136)
-
#bca480
#bca480
rgb(188,164,128)
-
#c3a579
#c3a579
rgb(195,165,121)
-
#cba771
#cba771
rgb(203,167,113)
-
#d2a86a
#d2a86a
rgb(210,168,106)
-
#daaa62
#daaa62
rgb(218,170,98)
-
#e1ab5b
#e1ab5b
rgb(225,171,91)
-
#e9ad53
#e9ad53
rgb(233,173,83)
-
#f0ae4c
#f0ae4c
rgb(240,174,76)
-
#f7af45
#f7af45
rgb(247,175,69)
-
#ffb13d
#ffb13d
rgb(255,177,61)
Color Blindness Simulator
Below, you can see how #f0ae4c 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.