#fed676 hex color

In a RGB color space, hex #fed676 is composed of 99.6% red, 83.9% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.7% magenta, 53.5% yellow and 0.4% black. It has a hue angle of 42.4 degrees, a saturation of 98.6% and a lightness of 72.9%. #fed676 color hex could be obtained by blending #ffffec with #fdad00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 100
- G 84
- B 46
RGB color chart
- C 0
- M 16
- Y 54
- K 0
CMYK color chart

● #fed676 color description : Soft orange.

The hexadecimal color #fed676 has RGB values of R:254, G:214, B:118 and CMYK values of C:0, M:0.16, Y:0.54, K:0. Its decimal value is 16701046.

Hex triplet	fed676	`#fed676`
RGB Decimal	254, 214, 118	`rgb(254,214,118)`
RGB Percent	99.6, 83.9, 46.3	`rgb(99.6%,83.9%,46.3%)`
CMYK	0, 16, 54, 0
HSL	42.4°, 98.6, 72.9	`hsl(42.4,98.6%,72.9%)`
HSV (or HSB)	42.4°, 53.5, 99.6
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	87.229, 2.655, 52.099
XYZ	68.19, 70.474, 27.15
xyY	0.411, 0.425, 70.474
CIE-LCH	87.229, 52.166, 87.083
CIE-LUV	87.229, 31.964, 64.935
Hunter-Lab	83.949, -1.919, 39.59
Binary	11111110, 11010110, 01110110

#fed676
```
#fed676 rgb(254,214,118)
```
#769efe
```
#769efe rgb(118,158,254)
```

Complementary Color

#fe9276
```
#fe9276 rgb(254,146,118)
```
#fed676
```
#fed676 rgb(254,214,118)
```
#e2fe76
```
#e2fe76 rgb(226,254,118)
```

Analogous Color

#9276fe
```
#9276fe rgb(146,118,254)
```
#fed676
```
#fed676 rgb(254,214,118)
```
#76e2fe
```
#76e2fe rgb(118,226,254)
```

Split Complementary Color

#d676fe
```
#d676fe rgb(214,118,254)
```
#fed676
```
#fed676 rgb(254,214,118)
```
#76fed6
```
#76fed6 rgb(118,254,214)
```

Triadic Color

#fe769e
```
#fe769e rgb(254,118,158)
```
#fed676
```
#fed676 rgb(254,214,118)
```
#76fed6
```
#76fed6 rgb(118,254,214)
```
#769efe
```
#769efe rgb(118,158,254)
```

Tetradic Color

#fdbf2a
```
#fdbf2a rgb(253,191,42)
```
#fec743
```
#fec743 rgb(254,199,67)
```
#fece5d
```
#fece5d rgb(254,206,93)
```
#fed676
```
#fed676 rgb(254,214,118)
```
#fede8f
```
#fede8f rgb(254,222,143)
```
#fee5a9
```
#fee5a9 rgb(254,229,169)
```
#ffedc2
```
#ffedc2 rgb(255,237,194)
```

Monochromatic Color

Below, you can see some colors close to #fed676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#feb476
```
#feb476 rgb(254,180,118)
```
#febf76
```
#febf76 rgb(254,191,118)
```
#fecb76
```
#fecb76 rgb(254,203,118)
```
#fed676
```
#fed676 rgb(254,214,118)
```
#fee176
```
#fee176 rgb(254,225,118)
```
#feed76
```
#feed76 rgb(254,237,118)
```
#fef876
```
#fef876 rgb(254,248,118)
```

Similar Colors

Text with hexadecimal color #fed676

This text has a font color of #fed676.

<span style="color:#fed676;">Text here</span>

#fed676 background color

This paragraph has a background color of #fed676.

<p style="background-color:#fed676;">Content here</p>

#fed676 border color

This element has a border color of #fed676.

<div style="border:1px solid #fed676;">Content here</div>

CSS codes

.text {color:#fed676;}

.background {background-color:#fed676;}

.border {border:1px solid #fed676;}

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, #130d00 is the darkest color, while #fffffe is the lightest one.

#130d00
```
#130d00 rgb(19,13,0)
```
#261b00
```
#261b00 rgb(38,27,0)
```
#3a2900
```
#3a2900 rgb(58,41,0)
```
#4d3701
```
#4d3701 rgb(77,55,1)
```
#614401
```
#614401 rgb(97,68,1)
```
#745201
```
#745201 rgb(116,82,1)
```
#886001
```
#886001 rgb(136,96,1)
```
#9b6e01
```
#9b6e01 rgb(155,110,1)
```
#af7c01
```
#af7c01 rgb(175,124,1)
```
#c28901
```
#c28901 rgb(194,137,1)
```
#d69702
```
#d69702 rgb(214,151,2)
```
#e9a502
```
#e9a502 rgb(233,165,2)
```
#fcb302
```
#fcb302 rgb(252,179,2)
```

Shade Color Variation

#fdb915
```
#fdb915 rgb(253,185,21)
```
#fdbf28
```
#fdbf28 rgb(253,191,40)
```
#fec53c
```
#fec53c rgb(254,197,60)
```
#feca4f
```
#feca4f rgb(254,202,79)
```
#fed063
```
#fed063 rgb(254,208,99)
```
#fed676
```
#fed676 rgb(254,214,118)
```
#fedc89
```
#fedc89 rgb(254,220,137)
```
#fee29d
```
#fee29d rgb(254,226,157)
```
#fee7b0
```
#fee7b0 rgb(254,231,176)
```
#ffedc4
```
#ffedc4 rgb(255,237,196)
```
#fff3d7
```
#fff3d7 rgb(255,243,215)
```
#fff9eb
```
#fff9eb rgb(255,249,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #bebcb6 is the less saturated color, while #fed676 is the most saturated one.

#bebcb6
```
#bebcb6 rgb(190,188,182)
```
#c4beb0
```
#c4beb0 rgb(196,190,176)
```
#c9c0ab
```
#c9c0ab rgb(201,192,171)
```
#cec2a6
```
#cec2a6 rgb(206,194,166)
```
#d4c5a0
```
#d4c5a0 rgb(212,197,160)
```
#d9c79b
```
#d9c79b rgb(217,199,155)
```
#dec996
```
#dec996 rgb(222,201,150)
```
#e3cb91
```
#e3cb91 rgb(227,203,145)
```
#e9cd8b
```
#e9cd8b rgb(233,205,139)
```
#eecf86
```
#eecf86 rgb(238,207,134)
```
#f3d281
```
#f3d281 rgb(243,210,129)
```
#f9d47b
```
#f9d47b rgb(249,212,123)
```
#fed676
```
#fed676 rgb(254,214,118)
```

Tone Color Variation

Below, you can see how #fed676 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.

Monochromacy

#d7d7d7 Achromatopsia 0.005% of the population
#dfd7c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1dc7e Protanopia 1% of men
#ffd5a1 Deuteranopia 1% of men
#ffd0db Tritanopia 0.001% of the population

Trichromacy

#f6da7b Protanomaly 1% of men, 0.01% of women
#fed591 Deuteranomaly 6% of men, 0.4% of women
#fed2b6 Tritanomaly 0.01% of the population

#fed676 hex color

#fed676 Color Information

#fed676 Color Conversion

Color Schemes with #fed676

Alternatives to #fed676

#fed676 Preview

Shades and Tints of #fed676

Tones of #fed676

Color Blindness Simulator