#f7ae80 Color Information
In a RGB color space, hex #f7ae80 is composed of 96.9% red, 68.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.6% magenta, 48.2% yellow and 3.1% black. It has a hue angle of 23.2 degrees, a saturation of 88.1% and a lightness of 73.5%. #f7ae80 color hex could be obtained by blending #ffffff with #ef5d01. Closest websafe color is: #ff9999.
-
- R 97
- G 68
- B 50
-
- C 0
- M 30
- Y 48
- K 3
● #f7ae80 color description : Soft orange.
#f7ae80 Color Conversion
The hexadecimal color #f7ae80 has RGB values of R:247, G:174, B:128 and CMYK values of C:0, M:0.3, Y:0.48, K:0.03. Its decimal value is 16232064.
Hex triplet | f7ae80 | #f7ae80 |
---|---|---|
RGB Decimal | 247, 174, 128 | rgb(247,174,128) |
RGB Percent | 96.9, 68.2, 50.2 | rgb(96.9%,68.2%,50.2%) |
CMYK | 0, 30, 48, 3 | |
HSL | 23.2°, 88.1, 73.5 | hsl(23.2,88.1%,73.5%) |
HSV (or HSB) | 23.2°, 48.2, 96.9 | |
Web Safe | ff9999 | #ff9999 |
CIE-LAB | 77.046, 21.549, 34.218 |
---|---|
XYZ | 57.391, 51.608, 27.36 |
xyY | 0.421, 0.378, 51.608 |
CIE-LCH | 77.046, 40.438, 57.8 |
CIE-LUV | 77.046, 53.521, 40.131 |
Hunter-Lab | 71.839, 16.883, 27.707 |
Binary | 11110111, 10101110, 10000000 |
Color Schemes with #f7ae80
Alternatives to #f7ae80
Below, you can see some colors close to #f7ae80. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7ae80 Preview
This text has a font color of #f7ae80.
<span style="color:#f7ae80;">Text here</span>
This paragraph has a background color of #f7ae80.
<p style="background-color:#f7ae80;">Content here</p>
This element has a border color of #f7ae80.
<div style="border:1px solid #f7ae80;">Content here</div>
.text {color:#f7ae80;}
.background {background-color:#f7ae80;}
.border {border:1px solid #f7ae80;}
Shades and Tints of #f7ae80
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 #fef5ef is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#150901
#150901
rgb(21,9,1)
-
#271102
#271102
rgb(39,17,2)
-
#3a1804
#3a1804
rgb(58,24,4)
-
#4c2005
#4c2005
rgb(76,32,5)
-
#5e2806
#5e2806
rgb(94,40,6)
-
#713007
#713007
rgb(113,48,7)
-
#833808
#833808
rgb(131,56,8)
-
#964009
#964009
rgb(150,64,9)
-
#a8480b
#a8480b
rgb(168,72,11)
-
#bb4f0c
#bb4f0c
rgb(187,79,12)
-
#cd570d
#cd570d
rgb(205,87,13)
-
#e05f0e
#e05f0e
rgb(224,95,14)
-
#f06711
#f06711
rgb(240,103,17)
-
#f17324
#f17324
rgb(241,115,36)
-
#f27f36
#f27f36
rgb(242,127,54)
-
#f48b49
#f48b49
rgb(244,139,73)
-
#f5965b
#f5965b
rgb(245,150,91)
-
#f6a26e
#f6a26e
rgb(246,162,110)
-
#f7ae80
#f7ae80
rgb(247,174,128)
-
#f8ba92
#f8ba92
rgb(248,186,146)
-
#f9c6a5
#f9c6a5
rgb(249,198,165)
-
#fad1b7
#fad1b7
rgb(250,209,183)
-
#fcddca
#fcddca
rgb(252,221,202)
-
#fde9dc
#fde9dc
rgb(253,233,220)
-
#fef5ef
#fef5ef
rgb(254,245,239)
Tones of #f7ae80
A tone is produced by adding gray to any pure hue. In this case, #bebbb9 is the less saturated color, while #fcad7b is the most saturated one.
-
#bebbb9
#bebbb9
rgb(190,187,185)
-
#c3bab4
#c3bab4
rgb(195,186,180)
-
#c8b9af
#c8b9af
rgb(200,185,175)
-
#cdb7aa
#cdb7aa
rgb(205,183,170)
-
#d3b6a4
#d3b6a4
rgb(211,182,164)
-
#d8b59f
#d8b59f
rgb(216,181,159)
-
#ddb49a
#ddb49a
rgb(221,180,154)
-
#e2b395
#e2b395
rgb(226,179,149)
-
#e7b290
#e7b290
rgb(231,178,144)
-
#edb08a
#edb08a
rgb(237,176,138)
-
#f2af85
#f2af85
rgb(242,175,133)
-
#f7ae80
#f7ae80
rgb(247,174,128)
-
#fcad7b
#fcad7b
rgb(252,173,123)
Color Blindness Simulator
Below, you can see how #f7ae80 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.