#fed36d hex color

In a RGB color space, hex #fed36d is composed of 99.6% red, 82.7% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.9% magenta, 57.1% yellow and 0.4% black. It has a hue angle of 42.2 degrees, a saturation of 98.6% and a lightness of 71.2%. #fed36d color hex could be obtained by blending #ffffda with #fda700. Closest websafe color is: #ffcc66.

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

● #fed36d color description : Soft orange.

The hexadecimal color #fed36d has RGB values of R:254, G:211, B:109 and CMYK values of C:0, M:0.17, Y:0.57, K:0. Its decimal value is 16700269.

Hex triplet	fed36d	`#fed36d`
RGB Decimal	254, 211, 109	`rgb(254,211,109)`
RGB Percent	99.6, 82.7, 42.7	`rgb(99.6%,82.7%,42.7%)`
CMYK	0, 17, 57, 0
HSL	42.2°, 98.6, 71.2	`hsl(42.2,98.6%,71.2%)`
HSV (or HSB)	42.2°, 57.1, 99.6
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.388, 3.501, 55.358
XYZ	66.928, 68.766, 24.215
xyY	0.419, 0.43, 68.766
CIE-LCH	86.388, 55.469, 86.381
CIE-LUV	86.388, 34.552, 67.554
Hunter-Lab	82.925, -1.054, 40.734
Binary	11111110, 11010011, 01101101

#fed36d
```
#fed36d rgb(254,211,109)
```
#6d98fe
```
#6d98fe rgb(109,152,254)
```

Complementary Color

#fe8b6d
```
#fe8b6d rgb(254,139,109)
```
#fed36d
```
#fed36d rgb(254,211,109)
```
#e1fe6d
```
#e1fe6d rgb(225,254,109)
```

Analogous Color

#8b6dfe
```
#8b6dfe rgb(139,109,254)
```
#fed36d
```
#fed36d rgb(254,211,109)
```
#6de1fe
```
#6de1fe rgb(109,225,254)
```

Split Complementary Color

#d36dfe
```
#d36dfe rgb(211,109,254)
```
#fed36d
```
#fed36d rgb(254,211,109)
```
#6dfed3
```
#6dfed3 rgb(109,254,211)
```

Triadic Color

#fe6d98
```
#fe6d98 rgb(254,109,152)
```
#fed36d
```
#fed36d rgb(254,211,109)
```
#6dfed3
```
#6dfed3 rgb(109,254,211)
```
#6d98fe
```
#6d98fe rgb(109,152,254)
```

Tetradic Color

#fdbc21
```
#fdbc21 rgb(253,188,33)
```
#fec43a
```
#fec43a rgb(254,196,58)
```
#fecb54
```
#fecb54 rgb(254,203,84)
```
#fed36d
```
#fed36d rgb(254,211,109)
```
#fedb86
```
#fedb86 rgb(254,219,134)
```
#fee2a0
```
#fee2a0 rgb(254,226,160)
```
#ffeab9
```
#ffeab9 rgb(255,234,185)
```

Monochromatic Color

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

#feaf6d
```
#feaf6d rgb(254,175,109)
```
#febb6d
```
#febb6d rgb(254,187,109)
```
#fec76d
```
#fec76d rgb(254,199,109)
```
#fed36d
```
#fed36d rgb(254,211,109)
```
#fedf6d
```
#fedf6d rgb(254,223,109)
```
#feeb6d
```
#feeb6d rgb(254,235,109)
```
#fef76d
```
#fef76d rgb(254,247,109)
```

Similar Colors

Text with hexadecimal color #fed36d

This text has a font color of #fed36d.

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

#fed36d background color

This paragraph has a background color of #fed36d.

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

#fed36d border color

This element has a border color of #fed36d.

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

CSS codes

.text {color:#fed36d;}

.background {background-color:#fed36d;}

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

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, #0a0700 is the darkest color, while #fffcf5 is the lightest one.

#0a0700
```
#0a0700 rgb(10,7,0)
```
#1d1500
```
#1d1500 rgb(29,21,0)
```
#312200
```
#312200 rgb(49,34,0)
```
#443000
```
#443000 rgb(68,48,0)
```
#583e01
```
#583e01 rgb(88,62,1)
```
#6b4c01
```
#6b4c01 rgb(107,76,1)
```
#7f5901
```
#7f5901 rgb(127,89,1)
```
#926701
```
#926701 rgb(146,103,1)
```
#a67501
```
#a67501 rgb(166,117,1)
```
#b98301
```
#b98301 rgb(185,131,1)
```
#cd9001
```
#cd9001 rgb(205,144,1)
```
#e09e02
```
#e09e02 rgb(224,158,2)
```
#f4ac02
```
#f4ac02 rgb(244,172,2)
```

Shade Color Variation

#fdb60c
```
#fdb60c rgb(253,182,12)
```
#fdbc1f
```
#fdbc1f rgb(253,188,31)
```
#fec133
```
#fec133 rgb(254,193,51)
```
#fec746
```
#fec746 rgb(254,199,70)
```
#fecd5a
```
#fecd5a rgb(254,205,90)
```
#fed36d
```
#fed36d rgb(254,211,109)
```
#fed980
```
#fed980 rgb(254,217,128)
```
#fedf94
```
#fedf94 rgb(254,223,148)
```
#fee5a7
```
#fee5a7 rgb(254,229,167)
```
#ffeabb
```
#ffeabb rgb(255,234,187)
```
#fff0ce
```
#fff0ce rgb(255,240,206)
```
#fff6e2
```
#fff6e2 rgb(255,246,226)
```
#fffcf5
```
#fffcf5 rgb(255,252,245)
```

Tint Color Variation

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

#bab7b1
```
#bab7b1 rgb(186,183,177)
```
#c0baab
```
#c0baab rgb(192,186,171)
```
#c5bca6
```
#c5bca6 rgb(197,188,166)
```
#cbbea0
```
#cbbea0 rgb(203,190,160)
```
#d1c19a
```
#d1c19a rgb(209,193,154)
```
#d6c395
```
#d6c395 rgb(214,195,149)
```
#dcc58f
```
#dcc58f rgb(220,197,143)
```
#e2c789
```
#e2c789 rgb(226,199,137)
```
#e7ca84
```
#e7ca84 rgb(231,202,132)
```
#edcc7e
```
#edcc7e rgb(237,204,126)
```
#f3ce78
```
#f3ce78 rgb(243,206,120)
```
#f8d173
```
#f8d173 rgb(248,209,115)
```
#fed36d
```
#fed36d rgb(254,211,109)
```

Tone Color Variation

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

#efda76 Protanopia 1% of men
#ffd398 Deuteranopia 1% of men
#ffcdd8 Tritanopia 0.001% of the population

Trichromacy

#f5d772 Protanomaly 1% of men, 0.01% of women
#fed388 Deuteranomaly 6% of men, 0.4% of women
#fecfb1 Tritanomaly 0.01% of the population

#fed36d hex color

#fed36d Color Information

#fed36d Color Conversion

Color Schemes with #fed36d

Alternatives to #fed36d

#fed36d Preview

Shades and Tints of #fed36d

Tones of #fed36d

Color Blindness Simulator