#f7ae55 Color Information
In a RGB color space, hex #f7ae55 is composed of 96.9% red, 68.2% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.6% magenta, 65.6% yellow and 3.1% black. It has a hue angle of 33 degrees, a saturation of 91% and a lightness of 65.1%. #f7ae55 color hex could be obtained by blending #ffffaa with #ef5d00. Closest websafe color is: #ff9966.
-
- R 97
- G 68
- B 33
-
- C 0
- M 30
- Y 66
- K 3
● #f7ae55 color description : Soft orange.
#f7ae55 Color Conversion
The hexadecimal color #f7ae55 has RGB values of R:247, G:174, B:85 and CMYK values of C:0, M:0.3, Y:0.66, K:0.03. Its decimal value is 16232021.
Hex triplet | f7ae55 | #f7ae55 |
---|---|---|
RGB Decimal | 247, 174, 85 | rgb(247,174,85) |
RGB Percent | 96.9, 68.2, 33.3 | rgb(96.9%,68.2%,33.3%) |
CMYK | 0, 30, 66, 3 | |
HSL | 33°, 91, 65.1 | hsl(33,91%,65.1%) |
HSV (or HSB) | 33°, 65.6, 96.9 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 76.5, 18.288, 55.106 |
---|---|
XYZ | 55.135, 50.705, 15.477 |
xyY | 0.454, 0.418, 50.705 |
CIE-LCH | 76.5, 58.061, 71.64 |
CIE-LUV | 76.5, 57.642, 60.645 |
Hunter-Lab | 71.208, 13.595, 36.959 |
Binary | 11110111, 10101110, 01010101 |
Color Schemes with #f7ae55
Alternatives to #f7ae55
Below, you can see some colors close to #f7ae55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7ae55 Preview
This text has a font color of #f7ae55.
<span style="color:#f7ae55;">Text here</span>
This paragraph has a background color of #f7ae55.
<p style="background-color:#f7ae55;">Content here</p>
This element has a border color of #f7ae55.
<div style="border:1px solid #f7ae55;">Content here</div>
.text {color:#f7ae55;}
.background {background-color:#f7ae55;}
.border {border:1px solid #f7ae55;}
Shades and Tints of #f7ae55
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, #110a01 is the darkest color, while #fffefe is the lightest one.
-
#110a01
#110a01
rgb(17,10,1)
-
#241502
#241502
rgb(36,21,2)
-
#371f03
#371f03
rgb(55,31,3)
-
#4a2a03
#4a2a03
rgb(74,42,3)
-
#5c3504
#5c3504
rgb(92,53,4)
-
#6f3f05
#6f3f05
rgb(111,63,5)
-
#824a06
#824a06
rgb(130,74,6)
-
#945507
#945507
rgb(148,85,7)
-
#a75f08
#a75f08
rgb(167,95,8)
-
#ba6a09
#ba6a09
rgb(186,106,9)
-
#cd750a
#cd750a
rgb(205,117,10)
-
#df7f0b
#df7f0b
rgb(223,127,11)
-
#f28a0b
#f28a0b
rgb(242,138,11)
-
#f4931d
#f4931d
rgb(244,147,29)
-
#f59c30
#f59c30
rgb(245,156,48)
-
#f6a542
#f6a542
rgb(246,165,66)
-
#f7ae55
#f7ae55
rgb(247,174,85)
-
#f8b768
#f8b768
rgb(248,183,104)
-
#f9c07a
#f9c07a
rgb(249,192,122)
-
#fac98d
#fac98d
rgb(250,201,141)
-
#fbd2a0
#fbd2a0
rgb(251,210,160)
-
#fbdbb3
#fbdbb3
rgb(251,219,179)
-
#fce4c5
#fce4c5
rgb(252,228,197)
-
#fdecd8
#fdecd8
rgb(253,236,216)
-
#fef5eb
#fef5eb
rgb(254,245,235)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #f7ae55
A tone is produced by adding gray to any pure hue. In this case, #aca7a0 is the less saturated color, while #feaf4e is the most saturated one.
-
#aca7a0
#aca7a0
rgb(172,167,160)
-
#b3a799
#b3a799
rgb(179,167,153)
-
#b9a893
#b9a893
rgb(185,168,147)
-
#c0a98c
#c0a98c
rgb(192,169,140)
-
#c7a985
#c7a985
rgb(199,169,133)
-
#ceaa7e
#ceaa7e
rgb(206,170,126)
-
#d5ab77
#d5ab77
rgb(213,171,119)
-
#dcab70
#dcab70
rgb(220,171,112)
-
#e2ac6a
#e2ac6a
rgb(226,172,106)
-
#e9ad63
#e9ad63
rgb(233,173,99)
-
#f0ad5c
#f0ad5c
rgb(240,173,92)
-
#f7ae55
#f7ae55
rgb(247,174,85)
-
#feaf4e
#feaf4e
rgb(254,175,78)
Color Blindness Simulator
Below, you can see how #f7ae55 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.