#f7ae75 Color Information
In a RGB color space, hex #f7ae75 is composed of 96.9% red, 68.2% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.6% magenta, 52.6% yellow and 3.1% black. It has a hue angle of 26.3 degrees, a saturation of 89% and a lightness of 71.4%. #f7ae75 color hex could be obtained by blending #ffffea with #ef5d00. Closest websafe color is: #ff9966.
-
- R 97
- G 68
- B 46
-
- C 0
- M 30
- Y 53
- K 3
● #f7ae75 color description : Soft orange.
#f7ae75 Color Conversion
The hexadecimal color #f7ae75 has RGB values of R:247, G:174, B:117 and CMYK values of C:0, M:0.3, Y:0.53, K:0.03. Its decimal value is 16232053.
Hex triplet | f7ae75 | #f7ae75 |
---|---|---|
RGB Decimal | 247, 174, 117 | rgb(247,174,117) |
RGB Percent | 96.9, 68.2, 45.9 | rgb(96.9%,68.2%,45.9%) |
CMYK | 0, 30, 53, 3 | |
HSL | 26.3°, 89, 71.4 | hsl(26.3,89%,71.4%) |
HSV (or HSB) | 26.3°, 52.6, 96.9 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 76.881, 20.571, 39.746 |
---|---|
XYZ | 56.705, 51.334, 23.75 |
xyY | 0.43, 0.39, 51.334 |
CIE-LCH | 76.881, 44.754, 62.636 |
CIE-LUV | 76.881, 54.726, 46.14 |
Hunter-Lab | 71.648, 15.89, 30.499 |
Binary | 11110111, 10101110, 01110101 |
Color Schemes with #f7ae75
Alternatives to #f7ae75
Below, you can see some colors close to #f7ae75. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7ae75 Preview
This text has a font color of #f7ae75.
<span style="color:#f7ae75;">Text here</span>
This paragraph has a background color of #f7ae75.
<p style="background-color:#f7ae75;">Content here</p>
This element has a border color of #f7ae75.
<div style="border:1px solid #f7ae75;">Content here</div>
.text {color:#f7ae75;}
.background {background-color:#f7ae75;}
.border {border:1px solid #f7ae75;}
Shades and Tints of #f7ae75
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, #0a0501 is the darkest color, while #fffaf7 is the lightest one.
-
#0a0501
#0a0501
rgb(10,5,1)
-
#1d0e02
#1d0e02
rgb(29,14,2)
-
#2f1603
#2f1603
rgb(47,22,3)
-
#421f04
#421f04
rgb(66,31,4)
-
#542805
#542805
rgb(84,40,5)
-
#673106
#673106
rgb(103,49,6)
-
#7a3907
#7a3907
rgb(122,57,7)
-
#8c4208
#8c4208
rgb(140,66,8)
-
#9f4b09
#9f4b09
rgb(159,75,9)
-
#b1530a
#b1530a
rgb(177,83,10)
-
#c45c0b
#c45c0b
rgb(196,92,11)
-
#d6650c
#d6650c
rgb(214,101,12)
-
#e96e0d
#e96e0d
rgb(233,110,13)
-
#f27818
#f27818
rgb(242,120,24)
-
#f3822b
#f3822b
rgb(243,130,43)
-
#f48d3d
#f48d3d
rgb(244,141,61)
-
#f59850
#f59850
rgb(245,152,80)
-
#f6a362
#f6a362
rgb(246,163,98)
-
#f7ae75
#f7ae75
rgb(247,174,117)
-
#f8b988
#f8b988
rgb(248,185,136)
-
#f9c49a
#f9c49a
rgb(249,196,154)
-
#facfad
#facfad
rgb(250,207,173)
-
#fbdabf
#fbdabf
rgb(251,218,191)
-
#fce4d2
#fce4d2
rgb(252,228,210)
-
#fdefe4
#fdefe4
rgb(253,239,228)
-
#fffaf7
#fffaf7
rgb(255,250,247)
Tones of #f7ae75
A tone is produced by adding gray to any pure hue. In this case, #b9b6b3 is the less saturated color, while #fdad6f is the most saturated one.
-
#b9b6b3
#b9b6b3
rgb(185,182,179)
-
#bfb5ad
#bfb5ad
rgb(191,181,173)
-
#c4b4a8
#c4b4a8
rgb(196,180,168)
-
#cab4a2
#cab4a2
rgb(202,180,162)
-
#d0b39c
#d0b39c
rgb(208,179,156)
-
#d5b297
#d5b297
rgb(213,178,151)
-
#dbb191
#dbb191
rgb(219,177,145)
-
#e1b18b
#e1b18b
rgb(225,177,139)
-
#e6b086
#e6b086
rgb(230,176,134)
-
#ecaf80
#ecaf80
rgb(236,175,128)
-
#f1af7b
#f1af7b
rgb(241,175,123)
-
#f7ae75
#f7ae75
rgb(247,174,117)
-
#fdad6f
#fdad6f
rgb(253,173,111)
Color Blindness Simulator
Below, you can see how #f7ae75 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.