#f7d685 Color Information
In a RGB color space, hex #f7d685 is composed of 96.9% red, 83.9% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.4% magenta, 46.2% yellow and 3.1% black. It has a hue angle of 42.6 degrees, a saturation of 87.7% and a lightness of 74.5%. #f7d685 color hex could be obtained by blending #ffffff with #efad0b. Closest websafe color is: #ffcc99.
-
- R 97
- G 84
- B 52
-
- C 0
- M 13
- Y 46
- K 3
● #f7d685 color description : Soft orange.
#f7d685 Color Conversion
The hexadecimal color #f7d685 has RGB values of R:247, G:214, B:133 and CMYK values of C:0, M:0.13, Y:0.46, K:0.03. Its decimal value is 16242309.
Hex triplet | f7d685 | #f7d685 |
---|---|---|
RGB Decimal | 247, 214, 133 | rgb(247,214,133) |
RGB Percent | 96.9, 83.9, 52.2 | rgb(96.9%,83.9%,52.2%) |
CMYK | 0, 13, 46, 3 | |
HSL | 42.6°, 87.7, 74.5 | hsl(42.6,87.7%,74.5%) |
HSV (or HSB) | 42.6°, 46.2, 96.9 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 86.782, 1.16, 44.092 |
---|---|
XYZ | 66.638, 69.563, 32.106 |
xyY | 0.396, 0.413, 69.563 |
CIE-LCH | 86.782, 44.107, 88.493 |
CIE-LUV | 86.782, 26.07, 57.105 |
Hunter-Lab | 83.404, -3.341, 35.56 |
Binary | 11110111, 11010110, 10000101 |
Color Schemes with #f7d685
Alternatives to #f7d685
Below, you can see some colors close to #f7d685. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7d685 Preview
This text has a font color of #f7d685.
<span style="color:#f7d685;">Text here</span>
This paragraph has a background color of #f7d685.
<p style="background-color:#f7d685;">Content here</p>
This element has a border color of #f7d685.
<div style="border:1px solid #f7d685;">Content here</div>
.text {color:#f7d685;}
.background {background-color:#f7d685;}
.border {border:1px solid #f7d685;}
Shades and Tints of #f7d685
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, #070500 is the darkest color, while #fefbf3 is the lightest one.
-
#070500
#070500
rgb(7,5,0)
-
#191202
#191202
rgb(25,18,2)
-
#2c2003
#2c2003
rgb(44,32,3)
-
#3e2d04
#3e2d04
rgb(62,45,4)
-
#503b05
#503b05
rgb(80,59,5)
-
#634806
#634806
rgb(99,72,6)
-
#755608
#755608
rgb(117,86,8)
-
#886309
#886309
rgb(136,99,9)
-
#9a700a
#9a700a
rgb(154,112,10)
-
#ad7e0b
#ad7e0b
rgb(173,126,11)
-
#bf8b0d
#bf8b0d
rgb(191,139,13)
-
#d1990e
#d1990e
rgb(209,153,14)
-
#e4a60f
#e4a60f
rgb(228,166,15)
-
#f0b117
#f0b117
rgb(240,177,23)
-
#f1b729
#f1b729
rgb(241,183,41)
-
#f2bd3b
#f2bd3b
rgb(242,189,59)
-
#f3c34e
#f3c34e
rgb(243,195,78)
-
#f5ca60
#f5ca60
rgb(245,202,96)
-
#f6d073
#f6d073
rgb(246,208,115)
-
#f7d685
#f7d685
rgb(247,214,133)
-
#f8dc97
#f8dc97
rgb(248,220,151)
-
#f9e2aa
#f9e2aa
rgb(249,226,170)
-
#fbe9bc
#fbe9bc
rgb(251,233,188)
-
#fcefcf
#fcefcf
rgb(252,239,207)
-
#fdf5e1
#fdf5e1
rgb(253,245,225)
-
#fefbf3
#fefbf3
rgb(254,251,243)
Tones of #f7d685
A tone is produced by adding gray to any pure hue. In this case, #c0bfbc is the less saturated color, while #fcd880 is the most saturated one.
-
#c0bfbc
#c0bfbc
rgb(192,191,188)
-
#c5c1b7
#c5c1b7
rgb(197,193,183)
-
#cac3b2
#cac3b2
rgb(202,195,178)
-
#cfc5ad
#cfc5ad
rgb(207,197,173)
-
#d4c7a8
#d4c7a8
rgb(212,199,168)
-
#d9c9a3
#d9c9a3
rgb(217,201,163)
-
#decb9e
#decb9e
rgb(222,203,158)
-
#e3ce99
#e3ce99
rgb(227,206,153)
-
#e8d094
#e8d094
rgb(232,208,148)
-
#edd28f
#edd28f
rgb(237,210,143)
-
#f2d48a
#f2d48a
rgb(242,212,138)
-
#f7d685
#f7d685
rgb(247,214,133)
-
#fcd880
#fcd880
rgb(252,216,128)
Color Blindness Simulator
Below, you can see how #f7d685 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.