#fed677 hex color

In a RGB color space, hex #fed677 is composed of 99.6% red, 83.9% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.7% magenta, 53.1% yellow and 0.4% black. It has a hue angle of 42.2 degrees, a saturation of 98.5% and a lightness of 73.1%. #fed677 color hex could be obtained by blending #ffffee with #fdad00. Closest websafe color is: #ffcc66.

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

● #fed677 color description : Soft orange.

The hexadecimal color #fed677 has RGB values of R:254, G:214, B:119 and CMYK values of C:0, M:0.16, Y:0.53, K:0. Its decimal value is 16701047.

Hex triplet	fed677	`#fed677`
RGB Decimal	254, 214, 119	`rgb(254,214,119)`
RGB Percent	99.6, 83.9, 46.7	`rgb(99.6%,83.9%,46.7%)`
CMYK	0, 16, 53, 0
HSL	42.2°, 98.5, 73.1	`hsl(42.2,98.5%,73.1%)`
HSV (or HSB)	42.2°, 53.1, 99.6
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	87.241, 2.735, 51.634
XYZ	68.25, 70.498, 27.464
xyY	0.411, 0.424, 70.498
CIE-LCH	87.241, 51.707, 86.968
CIE-LUV	87.241, 31.904, 64.473
Hunter-Lab	83.963, -1.842, 39.381
Binary	11111110, 11010110, 01110111

#fed677
```
#fed677 rgb(254,214,119)
```
#779ffe
```
#779ffe rgb(119,159,254)
```

Complementary Color

#fe9377
```
#fe9377 rgb(254,147,119)
```
#fed677
```
#fed677 rgb(254,214,119)
```
#e3fe77
```
#e3fe77 rgb(227,254,119)
```

Analogous Color

#9377fe
```
#9377fe rgb(147,119,254)
```
#fed677
```
#fed677 rgb(254,214,119)
```
#77e3fe
```
#77e3fe rgb(119,227,254)
```

Split Complementary Color

#d677fe
```
#d677fe rgb(214,119,254)
```
#fed677
```
#fed677 rgb(254,214,119)
```
#77fed6
```
#77fed6 rgb(119,254,214)
```

Triadic Color

#fe779f
```
#fe779f rgb(254,119,159)
```
#fed677
```
#fed677 rgb(254,214,119)
```
#77fed6
```
#77fed6 rgb(119,254,214)
```
#779ffe
```
#779ffe rgb(119,159,254)
```

Tetradic Color

#fdbf2b
```
#fdbf2b rgb(253,191,43)
```
#fec744
```
#fec744 rgb(254,199,68)
```
#fece5e
```
#fece5e rgb(254,206,94)
```
#fed677
```
#fed677 rgb(254,214,119)
```
#fede90
```
#fede90 rgb(254,222,144)
```
#fee5aa
```
#fee5aa rgb(254,229,170)
```
#ffedc3
```
#ffedc3 rgb(255,237,195)
```

Monochromatic Color

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

#feb477
```
#feb477 rgb(254,180,119)
```
#fec077
```
#fec077 rgb(254,192,119)
```
#fecb77
```
#fecb77 rgb(254,203,119)
```
#fed677
```
#fed677 rgb(254,214,119)
```
#fee177
```
#fee177 rgb(254,225,119)
```
#feed77
```
#feed77 rgb(254,237,119)
```
#fef877
```
#fef877 rgb(254,248,119)
```

Similar Colors

Text with hexadecimal color #fed677

This text has a font color of #fed677.

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

#fed677 background color

This paragraph has a background color of #fed677.

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

#fed677 border color

This element has a border color of #fed677.

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

CSS codes

.text {color:#fed677;}

.background {background-color:#fed677;}

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

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, #000000 is the darkest color, while #fff9ec is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#140e00
```
#140e00 rgb(20,14,0)
```
#271c00
```
#271c00 rgb(39,28,0)
```
#3b2900
```
#3b2900 rgb(59,41,0)
```
#4e3701
```
#4e3701 rgb(78,55,1)
```
#624501
```
#624501 rgb(98,69,1)
```
#755301
```
#755301 rgb(117,83,1)
```
#896001
```
#896001 rgb(137,96,1)
```
#9c6e01
```
#9c6e01 rgb(156,110,1)
```
#b07c01
```
#b07c01 rgb(176,124,1)
```
#c38a01
```
#c38a01 rgb(195,138,1)
```
#d69702
```
#d69702 rgb(214,151,2)
```
#eaa502
```
#eaa502 rgb(234,165,2)
```

Shade Color Variation

#fdb302
```
#fdb302 rgb(253,179,2)
```
#fdb916
```
#fdb916 rgb(253,185,22)
```
#fdbf29
```
#fdbf29 rgb(253,191,41)
```
#fec43d
```
#fec43d rgb(254,196,61)
```
#feca50
```
#feca50 rgb(254,202,80)
```
#fed064
```
#fed064 rgb(254,208,100)
```
#fed677
```
#fed677 rgb(254,214,119)
```
#fedc8a
```
#fedc8a rgb(254,220,138)
```
#fee29e
```
#fee29e rgb(254,226,158)
```
#fee8b1
```
#fee8b1 rgb(254,232,177)
```
#ffedc5
```
#ffedc5 rgb(255,237,197)
```
#fff3d8
```
#fff3d8 rgb(255,243,216)
```
#fff9ec
```
#fff9ec rgb(255,249,236)
```

Tint Color Variation

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

#bfbcb6
```
#bfbcb6 rgb(191,188,182)
```
#c4beb1
```
#c4beb1 rgb(196,190,177)
```
#c9c1ac
```
#c9c1ac rgb(201,193,172)
```
#cfc3a6
```
#cfc3a6 rgb(207,195,166)
```
#d4c5a1
```
#d4c5a1 rgb(212,197,161)
```
#d9c79c
```
#d9c79c rgb(217,199,156)
```
#dec997
```
#dec997 rgb(222,201,151)
```
#e4cb91
```
#e4cb91 rgb(228,203,145)
```
#e9cd8c
```
#e9cd8c rgb(233,205,140)
```
#eed087
```
#eed087 rgb(238,208,135)
```
#f3d282
```
#f3d282 rgb(243,210,130)
```
#f9d47c
```
#f9d47c rgb(249,212,124)
```
#fed677
```
#fed677 rgb(254,214,119)
```

Tone Color Variation

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

#f1dc7f Protanopia 1% of men
#ffd5a2 Deuteranopia 1% of men
#ffd0db Tritanopia 0.001% of the population

Trichromacy

#f6da7c Protanomaly 1% of men, 0.01% of women
#fed592 Deuteranomaly 6% of men, 0.4% of women
#fed2b7 Tritanomaly 0.01% of the population

#fed677 hex color

#fed677 Color Information

#fed677 Color Conversion

Color Schemes with #fed677

Alternatives to #fed677

#fed677 Preview

Shades and Tints of #fed677

Tones of #fed677

Color Blindness Simulator