#fed36a hex color

In a RGB color space, hex #fed36a is composed of 99.6% red, 82.7% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.9% magenta, 58.3% yellow and 0.4% black. It has a hue angle of 42.6 degrees, a saturation of 98.7% and a lightness of 70.6%. #fed36a color hex could be obtained by blending #ffffd4 with #fda700. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 100
- G 83
- B 42
RGB color chart
- C 0
- M 17
- Y 58
- K 0
CMYK color chart

● #fed36a color description : Soft orange.

The hexadecimal color #fed36a has RGB values of R:254, G:211, B:106 and CMYK values of C:0, M:0.17, Y:0.58, K:0. Its decimal value is 16700266.

Hex triplet	fed36a	`#fed36a`
RGB Decimal	254, 211, 106	`rgb(254,211,106)`
RGB Percent	99.6, 82.7, 41.6	`rgb(99.6%,82.7%,41.6%)`
CMYK	0, 17, 58, 0
HSL	42.6°, 98.7, 70.6	`hsl(42.6,98.7%,70.6%)`
HSV (or HSB)	42.6°, 58.3, 99.6
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.357, 3.285, 56.715
XYZ	66.769, 68.703, 23.379
xyY	0.42, 0.432, 68.703
CIE-LCH	86.357, 56.81, 86.685
CIE-LUV	86.357, 34.724, 68.82
Hunter-Lab	82.887, -1.262, 41.298
Binary	11111110, 11010011, 01101010

#fed36a
```
#fed36a rgb(254,211,106)
```
#6a95fe
```
#6a95fe rgb(106,149,254)
```

Complementary Color

#fe896a
```
#fe896a rgb(254,137,106)
```
#fed36a
```
#fed36a rgb(254,211,106)
```
#dffe6a
```
#dffe6a rgb(223,254,106)
```

Analogous Color

#896afe
```
#896afe rgb(137,106,254)
```
#fed36a
```
#fed36a rgb(254,211,106)
```
#6adffe
```
#6adffe rgb(106,223,254)
```

Split Complementary Color

#d36afe
```
#d36afe rgb(211,106,254)
```
#fed36a
```
#fed36a rgb(254,211,106)
```
#6afed3
```
#6afed3 rgb(106,254,211)
```

Triadic Color

#fe6a95
```
#fe6a95 rgb(254,106,149)
```
#fed36a
```
#fed36a rgb(254,211,106)
```
#6afed3
```
#6afed3 rgb(106,254,211)
```
#6a95fe
```
#6a95fe rgb(106,149,254)
```

Tetradic Color

#fdbd1e
```
#fdbd1e rgb(253,189,30)
```
#fec437
```
#fec437 rgb(254,196,55)
```
#fecc51
```
#fecc51 rgb(254,204,81)
```
#fed36a
```
#fed36a rgb(254,211,106)
```
#feda83
```
#feda83 rgb(254,218,131)
```
#fee29d
```
#fee29d rgb(254,226,157)
```
#ffe9b6
```
#ffe9b6 rgb(255,233,182)
```

Monochromatic Color

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

#feae6a
```
#feae6a rgb(254,174,106)
```
#feba6a
```
#feba6a rgb(254,186,106)
```
#fec76a
```
#fec76a rgb(254,199,106)
```
#fed36a
```
#fed36a rgb(254,211,106)
```
#fedf6a
```
#fedf6a rgb(254,223,106)
```
#feec6a
```
#feec6a rgb(254,236,106)
```
#fef86a
```
#fef86a rgb(254,248,106)
```

Similar Colors

Text with hexadecimal color #fed36a

This text has a font color of #fed36a.

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

#fed36a background color

This paragraph has a background color of #fed36a.

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

#fed36a border color

This element has a border color of #fed36a.

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

CSS codes

.text {color:#fed36a;}

.background {background-color:#fed36a;}

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

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

#070500
```
#070500 rgb(7,5,0)
```
#1a1300
```
#1a1300 rgb(26,19,0)
```
#2e2100
```
#2e2100 rgb(46,33,0)
```
#412e00
```
#412e00 rgb(65,46,0)
```
#553c01
```
#553c01 rgb(85,60,1)
```
#684a01
```
#684a01 rgb(104,74,1)
```
#7c5801
```
#7c5801 rgb(124,88,1)
```
#8f6601
```
#8f6601 rgb(143,102,1)
```
#a37401
```
#a37401 rgb(163,116,1)
```
#b68201
```
#b68201 rgb(182,130,1)
```
#ca9001
```
#ca9001 rgb(202,144,1)
```
#dd9d01
```
#dd9d01 rgb(221,157,1)
```
#f1ab02
```
#f1ab02 rgb(241,171,2)
```

Shade Color Variation

#fdb609
```
#fdb609 rgb(253,182,9)
```
#fdbc1c
```
#fdbc1c rgb(253,188,28)
```
#fec230
```
#fec230 rgb(254,194,48)
```
#fec743
```
#fec743 rgb(254,199,67)
```
#fecd57
```
#fecd57 rgb(254,205,87)
```
#fed36a
```
#fed36a rgb(254,211,106)
```
#fed97d
```
#fed97d rgb(254,217,125)
```
#fedf91
```
#fedf91 rgb(254,223,145)
```
#fee4a4
```
#fee4a4 rgb(254,228,164)
```
#ffeab8
```
#ffeab8 rgb(255,234,184)
```
#fff0cb
```
#fff0cb rgb(255,240,203)
```
#fff6df
```
#fff6df rgb(255,246,223)
```
#fffbf2
```
#fffbf2 rgb(255,251,242)
```

Tint Color Variation

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

#b9b6af
```
#b9b6af rgb(185,182,175)
```
#bfb8a9
```
#bfb8a9 rgb(191,184,169)
```
#c4bba4
```
#c4bba4 rgb(196,187,164)
```
#cabd9e
```
#cabd9e rgb(202,189,158)
```
#d0c098
```
#d0c098 rgb(208,192,152)
```
#d6c292
```
#d6c292 rgb(214,194,146)
```
#dbc48d
```
#dbc48d rgb(219,196,141)
```
#e1c787
```
#e1c787 rgb(225,199,135)
```
#e7c981
```
#e7c981 rgb(231,201,129)
```
#edcc7b
```
#edcc7b rgb(237,204,123)
```
#f2ce76
```
#f2ce76 rgb(242,206,118)
```
#f8d170
```
#f8d170 rgb(248,209,112)
```
#fed36a
```
#fed36a rgb(254,211,106)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#dcd4bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0da73 Protanopia 1% of men
#ffd297 Deuteranopia 1% of men
#ffcdd8 Tritanopia 0.001% of the population

Trichromacy

#f5d76f Protanomaly 1% of men, 0.01% of women
#fed286 Deuteranomaly 6% of men, 0.4% of women
#fecfb0 Tritanomaly 0.01% of the population

#fed36a hex color

#fed36a Color Information

#fed36a Color Conversion

Color Schemes with #fed36a

Alternatives to #fed36a

#fed36a Preview

Shades and Tints of #fed36a

Tones of #fed36a

Color Blindness Simulator