#fcc686 Color Information
In a RGB color space, hex #fcc686 is composed of 98.8% red, 77.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.4% magenta, 46.8% yellow and 1.2% black. It has a hue angle of 32.5 degrees, a saturation of 95.2% and a lightness of 75.7%. #fcc686 color hex could be obtained by blending #ffffff with #f98d0d. Closest websafe color is: #ffcc99.
-
- R 99
- G 78
- B 53
-
- C 0
- M 21
- Y 47
- K 1
● #fcc686 color description : Soft orange.
#fcc686 Color Conversion
The hexadecimal color #fcc686 has RGB values of R:252, G:198, B:134 and CMYK values of C:0, M:0.21, Y:0.47, K:0.01. Its decimal value is 16565894.
Hex triplet | fcc686 | #fcc686 |
---|---|---|
RGB Decimal | 252, 198, 134 | rgb(252,198,134) |
RGB Percent | 98.8, 77.6, 52.5 | rgb(98.8%,77.6%,52.5%) |
CMYK | 0, 21, 47, 1 | |
HSL | 32.5°, 95.2, 75.7 | hsl(32.5,95.2%,75.7%) |
HSV (or HSB) | 32.5°, 46.8, 98.8 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 83.341, 11.512, 39.323 |
---|---|
XYZ | 64.642, 62.808, 31.271 |
xyY | 0.407, 0.396, 62.808 |
CIE-LCH | 83.341, 40.973, 73.682 |
CIE-LUV | 83.341, 40.197, 49.056 |
Hunter-Lab | 79.251, 6.906, 32.081 |
Binary | 11111100, 11000110, 10000110 |
Color Schemes with #fcc686
Alternatives to #fcc686
Below, you can see some colors close to #fcc686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fcc686 Preview
This text has a font color of #fcc686.
<span style="color:#fcc686;">Text here</span>
This paragraph has a background color of #fcc686.
<p style="background-color:#fcc686;">Content here</p>
This element has a border color of #fcc686.
<div style="border:1px solid #fcc686;">Content here</div>
.text {color:#fcc686;}
.background {background-color:#fcc686;}
.border {border:1px solid #fcc686;}
Shades and Tints of #fcc686
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, #0d0700 is the darkest color, while #fffcf9 is the lightest one.
-
#0d0700
#0d0700
rgb(13,7,0)
-
#201201
#201201
rgb(32,18,1)
-
#331c01
#331c01
rgb(51,28,1)
-
#462702
#462702
rgb(70,39,2)
-
#5a3202
#5a3202
rgb(90,50,2)
-
#6d3c03
#6d3c03
rgb(109,60,3)
-
#804703
#804703
rgb(128,71,3)
-
#935104
#935104
rgb(147,81,4)
-
#a65c04
#a65c04
rgb(166,92,4)
-
#b96705
#b96705
rgb(185,103,5)
-
#cc7105
#cc7105
rgb(204,113,5)
-
#e07c06
#e07c06
rgb(224,124,6)
-
#f38606
#f38606
rgb(243,134,6)
-
#f99013
#f99013
rgb(249,144,19)
-
#fa9926
#fa9926
rgb(250,153,38)
-
#faa239
#faa239
rgb(250,162,57)
-
#fbab4d
#fbab4d
rgb(251,171,77)
-
#fbb460
#fbb460
rgb(251,180,96)
-
#fcbd73
#fcbd73
rgb(252,189,115)
-
#fcc686
#fcc686
rgb(252,198,134)
-
#fccf99
#fccf99
rgb(252,207,153)
-
#fdd8ac
#fdd8ac
rgb(253,216,172)
-
#fde1bf
#fde1bf
rgb(253,225,191)
-
#feead3
#feead3
rgb(254,234,211)
-
#fef3e6
#fef3e6
rgb(254,243,230)
-
#fffcf9
#fffcf9
rgb(255,252,249)
Tones of #fcc686
A tone is produced by adding gray to any pure hue. In this case, #c3c1bf is the less saturated color, while #fcc686 is the most saturated one.
-
#c3c1bf
#c3c1bf
rgb(195,193,191)
-
#c8c2ba
#c8c2ba
rgb(200,194,186)
-
#ccc2b6
#ccc2b6
rgb(204,194,182)
-
#d1c2b1
#d1c2b1
rgb(209,194,177)
-
#d6c3ac
#d6c3ac
rgb(214,195,172)
-
#dbc3a7
#dbc3a7
rgb(219,195,167)
-
#dfc4a3
#dfc4a3
rgb(223,196,163)
-
#e4c49e
#e4c49e
rgb(228,196,158)
-
#e9c499
#e9c499
rgb(233,196,153)
-
#eec594
#eec594
rgb(238,197,148)
-
#f2c590
#f2c590
rgb(242,197,144)
-
#f7c68b
#f7c68b
rgb(247,198,139)
-
#fcc686
#fcc686
rgb(252,198,134)
Color Blindness Simulator
Below, you can see how #fcc686 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.