#fec676 Color Information
In a RGB color space, hex #fec676 is composed of 99.6% red, 77.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22% magenta, 53.5% yellow and 0.4% black. It has a hue angle of 35.3 degrees, a saturation of 98.6% and a lightness of 72.9%. #fec676 color hex could be obtained by blending #ffffec with #fd8d00. Closest websafe color is: #ffcc66.
-
- R 100
- G 78
- B 46
-
- C 0
- M 22
- Y 54
- K 0
● #fec676 color description : Soft orange.
#fec676 Color Conversion
The hexadecimal color #fec676 has RGB values of R:254, G:198, B:118 and CMYK values of C:0, M:0.22, Y:0.54, K:0. Its decimal value is 16696950.
Hex triplet | fec676 | #fec676 |
---|---|---|
RGB Decimal | 254, 198, 118 | rgb(254,198,118) |
RGB Percent | 99.6, 77.6, 46.3 | rgb(99.6%,77.6%,46.3%) |
CMYK | 0, 22, 54, 0 | |
HSL | 35.3°, 98.6, 72.9 | hsl(35.3,98.6%,72.9%) |
HSV (or HSB) | 35.3°, 53.5, 99.6 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 83.321, 10.906, 47.378 |
---|---|
XYZ | 64.338, 62.77, 25.866 |
xyY | 0.421, 0.41, 62.77 |
CIE-LCH | 83.321, 48.617, 77.037 |
CIE-LUV | 83.321, 42.982, 57.478 |
Hunter-Lab | 79.227, 6.305, 36.103 |
Binary | 11111110, 11000110, 01110110 |
Color Schemes with #fec676
Alternatives to #fec676
Below, you can see some colors close to #fec676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec676 Preview
This text has a font color of #fec676.
<span style="color:#fec676;">Text here</span>
This paragraph has a background color of #fec676.
<p style="background-color:#fec676;">Content here</p>
This element has a border color of #fec676.
<div style="border:1px solid #fec676;">Content here</div>
.text {color:#fec676;}
.background {background-color:#fec676;}
.border {border:1px solid #fec676;}
Shades and Tints of #fec676
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, #130b00 is the darkest color, while #fffffe is the lightest one.
-
#130b00
#130b00
rgb(19,11,0)
-
#261700
#261700
rgb(38,23,0)
-
#3a2200
#3a2200
rgb(58,34,0)
-
#4d2e01
#4d2e01
rgb(77,46,1)
-
#613901
#613901
rgb(97,57,1)
-
#744501
#744501
rgb(116,69,1)
-
#885001
#885001
rgb(136,80,1)
-
#9b5c01
#9b5c01
rgb(155,92,1)
-
#af6701
#af6701
rgb(175,103,1)
-
#c27301
#c27301
rgb(194,115,1)
-
#d67e02
#d67e02
rgb(214,126,2)
-
#e98a02
#e98a02
rgb(233,138,2)
-
#fc9502
#fc9502
rgb(252,149,2)
-
#fd9d15
#fd9d15
rgb(253,157,21)
-
#fda628
#fda628
rgb(253,166,40)
-
#feae3c
#feae3c
rgb(254,174,60)
-
#feb64f
#feb64f
rgb(254,182,79)
-
#febe63
#febe63
rgb(254,190,99)
-
#fec676
#fec676
rgb(254,198,118)
-
#fece89
#fece89
rgb(254,206,137)
-
#fed69d
#fed69d
rgb(254,214,157)
-
#fedeb0
#fedeb0
rgb(254,222,176)
-
#ffe6c4
#ffe6c4
rgb(255,230,196)
-
#ffefd7
#ffefd7
rgb(255,239,215)
-
#fff7eb
#fff7eb
rgb(255,247,235)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #fec676
A tone is produced by adding gray to any pure hue. In this case, #bebbb6 is the less saturated color, while #fec676 is the most saturated one.
-
#bebbb6
#bebbb6
rgb(190,187,182)
-
#c4bcb0
#c4bcb0
rgb(196,188,176)
-
#c9bdab
#c9bdab
rgb(201,189,171)
-
#cebea6
#cebea6
rgb(206,190,166)
-
#d4bfa0
#d4bfa0
rgb(212,191,160)
-
#d9bf9b
#d9bf9b
rgb(217,191,155)
-
#dec096
#dec096
rgb(222,192,150)
-
#e3c191
#e3c191
rgb(227,193,145)
-
#e9c28b
#e9c28b
rgb(233,194,139)
-
#eec386
#eec386
rgb(238,195,134)
-
#f3c481
#f3c481
rgb(243,196,129)
-
#f9c57b
#f9c57b
rgb(249,197,123)
-
#fec676
#fec676
rgb(254,198,118)
Color Blindness Simulator
Below, you can see how #fec676 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.