#fed745 hex color

In a RGB color space, hex #fed745 is composed of 99.6% red, 84.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.4% magenta, 72.8% yellow and 0.4% black. It has a hue angle of 47.4 degrees, a saturation of 98.9% and a lightness of 63.3%. #fed745 color hex could be obtained by blending #ffff8a with #fdaf00. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 100
- G 84
- B 27
RGB color chart
- C 0
- M 15
- Y 73
- K 0
CMYK color chart

● #fed745 color description : Bright yellow.

The hexadecimal color #fed745 has RGB values of R:254, G:215, B:69 and CMYK values of C:0, M:0.15, Y:0.73, K:0. Its decimal value is 16701253.

Hex triplet	fed745	`#fed745`
RGB Decimal	254, 215, 69	`rgb(254,215,69)`
RGB Percent	99.6, 84.3, 27.1	`rgb(99.6%,84.3%,27.1%)`
CMYK	0, 15, 73, 0
HSL	47.4°, 98.9, 63.3	`hsl(47.4,98.9%,63.3%)`
HSV (or HSB)	47.4°, 72.8, 99.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	87.048, -0.853, 72.855
XYZ	66.248, 70.104, 15.672
xyY	0.436, 0.461, 70.104
CIE-LCH	87.048, 72.86, 90.671
CIE-LUV	87.048, 33.56, 82.972
Hunter-Lab	83.728, -5.289, 47.512
Binary	11111110, 11010111, 01000101

#fed745
```
#fed745 rgb(254,215,69)
```
#456cfe
```
#456cfe rgb(69,108,254)
```

Complementary Color

#fe7b45
```
#fe7b45 rgb(254,123,69)
```
#fed745
```
#fed745 rgb(254,215,69)
```
#c9fe45
```
#c9fe45 rgb(201,254,69)
```

Analogous Color

#7b45fe
```
#7b45fe rgb(123,69,254)
```
#fed745
```
#fed745 rgb(254,215,69)
```
#45c9fe
```
#45c9fe rgb(69,201,254)
```

Split Complementary Color

#d745fe
```
#d745fe rgb(215,69,254)
```
#fed745
```
#fed745 rgb(254,215,69)
```
#45fed7
```
#45fed7 rgb(69,254,215)
```

Triadic Color

#fe456c
```
#fe456c rgb(254,69,108)
```
#fed745
```
#fed745 rgb(254,215,69)
```
#45fed7
```
#45fed7 rgb(69,254,215)
```
#456cfe
```
#456cfe rgb(69,108,254)
```

Tetradic Color

#f5c201
```
#f5c201 rgb(245,194,1)
```
#fecc12
```
#fecc12 rgb(254,204,18)
```
#fed22c
```
#fed22c rgb(254,210,44)
```
#fed745
```
#fed745 rgb(254,215,69)
```
#fedc5e
```
#fedc5e rgb(254,220,94)
```
#fee278
```
#fee278 rgb(254,226,120)
```
#fee791
```
#fee791 rgb(254,231,145)
```

Monochromatic Color

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

#fea945
```
#fea945 rgb(254,169,69)
```
#feb845
```
#feb845 rgb(254,184,69)
```
#fec845
```
#fec845 rgb(254,200,69)
```
#fed745
```
#fed745 rgb(254,215,69)
```
#fee645
```
#fee645 rgb(254,230,69)
```
#fef645
```
#fef645 rgb(254,246,69)
```
#f7fe45
```
#f7fe45 rgb(247,254,69)
```

Similar Colors

Text with hexadecimal color #fed745

This text has a font color of #fed745.

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

#fed745 background color

This paragraph has a background color of #fed745.

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

#fed745 border color

This element has a border color of #fed745.

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

CSS codes

.text {color:#fed745;}

.background {background-color:#fed745;}

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

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

#090700
```
#090700 rgb(9,7,0)
```
#1d1700
```
#1d1700 rgb(29,23,0)
```
#302600
```
#302600 rgb(48,38,0)
```
#443500
```
#443500 rgb(68,53,0)
```
#574500
```
#574500 rgb(87,69,0)
```
#6b5401
```
#6b5401 rgb(107,84,1)
```
#7e6401
```
#7e6401 rgb(126,100,1)
```
#927301
```
#927301 rgb(146,115,1)
```
#a58301
```
#a58301 rgb(165,131,1)
```
#b99201
```
#b99201 rgb(185,146,1)
```
#cca101
```
#cca101 rgb(204,161,1)
```
#e0b101
```
#e0b101 rgb(224,177,1)
```
#f3c001
```
#f3c001 rgb(243,192,1)
```

Shade Color Variation

#feca0a
```
#feca0a rgb(254,202,10)
```
#fecf1e
```
#fecf1e rgb(254,207,30)
```
#fed331
```
#fed331 rgb(254,211,49)
```
#fed745
```
#fed745 rgb(254,215,69)
```
#fedb59
```
#fedb59 rgb(254,219,89)
```
#fedf6c
```
#fedf6c rgb(254,223,108)
```
#fee480
```
#fee480 rgb(254,228,128)
```
#fee893
```
#fee893 rgb(254,232,147)
```
#ffeca7
```
#ffeca7 rgb(255,236,167)
```
#fff0ba
```
#fff0ba rgb(255,240,186)
```
#fff4ce
```
#fff4ce rgb(255,244,206)
```
#fff9e1
```
#fff9e1 rgb(255,249,225)
```
#fffdf5
```
#fffdf5 rgb(255,253,245)
```

Tint Color Variation

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

#a8a59b
```
#a8a59b rgb(168,165,155)
```
#afa994
```
#afa994 rgb(175,169,148)
```
#b6ad8d
```
#b6ad8d rgb(182,173,141)
```
#bdb286
```
#bdb286 rgb(189,178,134)
```
#c4b67f
```
#c4b67f rgb(196,182,127)
```
#ccba77
```
#ccba77 rgb(204,186,119)
```
#d3be70
```
#d3be70 rgb(211,190,112)
```
#dac269
```
#dac269 rgb(218,194,105)
```
#e1c662
```
#e1c662 rgb(225,198,98)
```
#e8cb5b
```
#e8cb5b rgb(232,203,91)
```
#f0cf53
```
#f0cf53 rgb(240,207,83)
```
#f7d34c
```
#f7d34c rgb(247,211,76)
```
#fed745
```
#fed745 rgb(254,215,69)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#dbd3b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5dc4f Protanopia 1% of men
#ffd599 Deuteranopia 1% of men
#ffd0da Tritanopia 0.001% of the population

Trichromacy

#f8da4b Protanomaly 1% of men, 0.01% of women
#fed67a Deuteranomaly 6% of men, 0.4% of women
#fed2a4 Tritanomaly 0.01% of the population

#fed745 hex color

#fed745 Color Information

#fed745 Color Conversion

Color Schemes with #fed745

Alternatives to #fed745

#fed745 Preview

Shades and Tints of #fed745

Tones of #fed745

Color Blindness Simulator