#fec686 Color Information
In a RGB color space, hex #fec686 is composed of 99.6% red, 77.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22% magenta, 47.2% yellow and 0.4% black. It has a hue angle of 32 degrees, a saturation of 98.4% and a lightness of 76.1%. #fec686 color hex could be obtained by blending #ffffff with #fd8d0d. Closest websafe color is: #ffcc99.
-
- R 100
- G 78
- B 53
-
- C 0
- M 22
- Y 47
- K 0
● #fec686 color description : Soft orange.
#fec686 Color Conversion
The hexadecimal color #fec686 has RGB values of R:254, G:198, B:134 and CMYK values of C:0, M:0.22, Y:0.47, K:0. Its decimal value is 16696966.
Hex triplet | fec686 | #fec686 |
---|---|---|
RGB Decimal | 254, 198, 134 | rgb(254,198,134) |
RGB Percent | 99.6, 77.6, 52.5 | rgb(99.6%,77.6%,52.5%) |
CMYK | 0, 22, 47, 0 | |
HSL | 32°, 98.4, 76.1 | hsl(32,98.4%,76.1%) |
HSV (or HSB) | 32°, 47.2, 99.6 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 83.539, 12.306, 39.616 |
---|---|
XYZ | 65.371, 63.183, 31.305 |
xyY | 0.409, 0.395, 63.183 |
CIE-LCH | 83.539, 41.483, 72.744 |
CIE-LUV | 83.539, 41.66, 49.231 |
Hunter-Lab | 79.488, 7.694, 32.291 |
Binary | 11111110, 11000110, 10000110 |
Color Schemes with #fec686
Alternatives to #fec686
Below, you can see some colors close to #fec686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec686 Preview
This text has a font color of #fec686.
<span style="color:#fec686;">Text here</span>
This paragraph has a background color of #fec686.
<p style="background-color:#fec686;">Content here</p>
This element has a border color of #fec686.
<div style="border:1px solid #fec686;">Content here</div>
.text {color:#fec686;}
.background {background-color:#fec686;}
.border {border:1px solid #fec686;}
Shades and Tints of #fec686
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, #0f0800 is the darkest color, while #fffdfb is the lightest one.
-
#0f0800
#0f0800
rgb(15,8,0)
-
#231300
#231300
rgb(35,19,0)
-
#361d00
#361d00
rgb(54,29,0)
-
#4a2801
#4a2801
rgb(74,40,1)
-
#5d3201
#5d3201
rgb(93,50,1)
-
#703c01
#703c01
rgb(112,60,1)
-
#844701
#844701
rgb(132,71,1)
-
#975101
#975101
rgb(151,81,1)
-
#ab5c01
#ab5c01
rgb(171,92,1)
-
#be6602
#be6602
rgb(190,102,2)
-
#d27102
#d27102
rgb(210,113,2)
-
#e57b02
#e57b02
rgb(229,123,2)
-
#f98602
#f98602
rgb(249,134,2)
-
#fd8f11
#fd8f11
rgb(253,143,17)
-
#fd9825
#fd9825
rgb(253,152,37)
-
#fda138
#fda138
rgb(253,161,56)
-
#feab4c
#feab4c
rgb(254,171,76)
-
#feb45f
#feb45f
rgb(254,180,95)
-
#febd73
#febd73
rgb(254,189,115)
-
#fec686
#fec686
rgb(254,198,134)
-
#fecf99
#fecf99
rgb(254,207,153)
-
#fed8ad
#fed8ad
rgb(254,216,173)
-
#fee1c0
#fee1c0
rgb(254,225,192)
-
#ffebd4
#ffebd4
rgb(255,235,212)
-
#fff4e7
#fff4e7
rgb(255,244,231)
-
#fffdfb
#fffdfb
rgb(255,253,251)
Tones of #fec686
A tone is produced by adding gray to any pure hue. In this case, #c6c2be is the less saturated color, while #fec686 is the most saturated one.
-
#c6c2be
#c6c2be
rgb(198,194,190)
-
#cac3ba
#cac3ba
rgb(202,195,186)
-
#cfc3b5
#cfc3b5
rgb(207,195,181)
-
#d4c3b0
#d4c3b0
rgb(212,195,176)
-
#d8c3ac
#d8c3ac
rgb(216,195,172)
-
#ddc4a7
#ddc4a7
rgb(221,196,167)
-
#e2c4a2
#e2c4a2
rgb(226,196,162)
-
#e7c49d
#e7c49d
rgb(231,196,157)
-
#ebc599
#ebc599
rgb(235,197,153)
-
#f0c594
#f0c594
rgb(240,197,148)
-
#f5c58f
#f5c58f
rgb(245,197,143)
-
#f9c68b
#f9c68b
rgb(249,198,139)
-
#fec686
#fec686
rgb(254,198,134)
Color Blindness Simulator
Below, you can see how #fec686 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.