#fed53f hex color

In a RGB color space, hex #fed53f is composed of 99.6% red, 83.5% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.1% magenta, 75.2% yellow and 0.4% black. It has a hue angle of 47.1 degrees, a saturation of 99% and a lightness of 62.2%. #fed53f color hex could be obtained by blending #ffff7e with #fdab00. Closest websafe color is: #ffcc33.

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

● #fed53f color description : Bright yellow.

The hexadecimal color #fed53f has RGB values of R:254, G:213, B:63 and CMYK values of C:0, M:0.16, Y:0.75, K:0. Its decimal value is 16700735.

Hex triplet	fed53f	`#fed53f`
RGB Decimal	254, 213, 63	`rgb(254,213,63)`
RGB Percent	99.6, 83.5, 24.7	`rgb(99.6%,83.5%,24.7%)`
CMYK	0, 16, 75, 0
HSL	47.1°, 99, 62.2	`hsl(47.1,99%,62.2%)`
HSV (or HSB)	47.1°, 75.2, 99.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	86.514, -0.083, 74.449
XYZ	65.565, 69.021, 14.571
xyY	0.44, 0.463, 69.021
CIE-LCH	86.514, 74.449, 90.064
CIE-LUV	86.514, 35.192, 83.653
Hunter-Lab	83.079, -4.517, 47.756
Binary	11111110, 11010101, 00111111

#fed53f
```
#fed53f rgb(254,213,63)
```
#3f68fe
```
#3f68fe rgb(63,104,254)
```

Complementary Color

#fe763f
```
#fe763f rgb(254,118,63)
```
#fed53f
```
#fed53f rgb(254,213,63)
```
#c8fe3f
```
#c8fe3f rgb(200,254,63)
```

Analogous Color

#763ffe
```
#763ffe rgb(118,63,254)
```
#fed53f
```
#fed53f rgb(254,213,63)
```
#3fc8fe
```
#3fc8fe rgb(63,200,254)
```

Split Complementary Color

#d53ffe
```
#d53ffe rgb(213,63,254)
```
#fed53f
```
#fed53f rgb(254,213,63)
```
#3ffed5
```
#3ffed5 rgb(63,254,213)
```

Triadic Color

#fe3f68
```
#fe3f68 rgb(254,63,104)
```
#fed53f
```
#fed53f rgb(254,213,63)
```
#3ffed5
```
#3ffed5 rgb(63,254,213)
```
#3f68fe
```
#3f68fe rgb(63,104,254)
```

Tetradic Color

#efbc01
```
#efbc01 rgb(239,188,1)
```
#feca0c
```
#feca0c rgb(254,202,12)
```
#fecf26
```
#fecf26 rgb(254,207,38)
```
#fed53f
```
#fed53f rgb(254,213,63)
```
#fedb58
```
#fedb58 rgb(254,219,88)
```
#fee072
```
#fee072 rgb(254,224,114)
```
#fee68b
```
#fee68b rgb(254,230,139)
```

Monochromatic Color

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

#fea53f
```
#fea53f rgb(254,165,63)
```
#feb53f
```
#feb53f rgb(254,181,63)
```
#fec53f
```
#fec53f rgb(254,197,63)
```
#fed53f
```
#fed53f rgb(254,213,63)
```
#fee53f
```
#fee53f rgb(254,229,63)
```
#fef53f
```
#fef53f rgb(254,245,63)
```
#f7fe3f
```
#f7fe3f rgb(247,254,63)
```

Similar Colors

Text with hexadecimal color #fed53f

This text has a font color of #fed53f.

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

#fed53f background color

This paragraph has a background color of #fed53f.

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

#fed53f border color

This element has a border color of #fed53f.

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

CSS codes

.text {color:#fed53f;}

.background {background-color:#fed53f;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#171200
```
#171200 rgb(23,18,0)
```
#2a2100
```
#2a2100 rgb(42,33,0)
```
#3e3100
```
#3e3100 rgb(62,49,0)
```
#514000
```
#514000 rgb(81,64,0)
```
#654f01
```
#654f01 rgb(101,79,1)
```
#785f01
```
#785f01 rgb(120,95,1)
```
#8c6e01
```
#8c6e01 rgb(140,110,1)
```
#9f7d01
```
#9f7d01 rgb(159,125,1)
```
#b38d01
```
#b38d01 rgb(179,141,1)
```
#c69c01
```
#c69c01 rgb(198,156,1)
```
#daab01
```
#daab01 rgb(218,171,1)
```
#edbb01
```
#edbb01 rgb(237,187,1)
```

Shade Color Variation

#fec804
```
#fec804 rgb(254,200,4)
```
#fecc18
```
#fecc18 rgb(254,204,24)
```
#fed12b
```
#fed12b rgb(254,209,43)
```
#fed53f
```
#fed53f rgb(254,213,63)
```
#fed953
```
#fed953 rgb(254,217,83)
```
#fede66
```
#fede66 rgb(254,222,102)
```
#fee27a
```
#fee27a rgb(254,226,122)
```
#fee68d
```
#fee68d rgb(254,230,141)
```
#ffeaa1
```
#ffeaa1 rgb(255,234,161)
```
#ffefb4
```
#ffefb4 rgb(255,239,180)
```
#fff3c8
```
#fff3c8 rgb(255,243,200)
```
#fff7db
```
#fff7db rgb(255,247,219)
```
#fffbef
```
#fffbef rgb(255,251,239)
```

Tint Color Variation

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

#a5a298
```
#a5a298 rgb(165,162,152)
```
#aca691
```
#aca691 rgb(172,166,145)
```
#b4ab89
```
#b4ab89 rgb(180,171,137)
```
#bbaf82
```
#bbaf82 rgb(187,175,130)
```
#c3b37a
```
#c3b37a rgb(195,179,122)
```
#cab773
```
#cab773 rgb(202,183,115)
```
#d1bc6c
```
#d1bc6c rgb(209,188,108)
```
#d9c064
```
#d9c064 rgb(217,192,100)
```
#e0c45d
```
#e0c45d rgb(224,196,93)
```
#e8c855
```
#e8c855 rgb(232,200,85)
```
#efcd4e
```
#efcd4e rgb(239,205,78)
```
#f7d146
```
#f7d146 rgb(247,209,70)
```
#fed53f
```
#fed53f rgb(254,213,63)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#d9d1b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3da49 Protanopia 1% of men
#ffd393 Deuteranopia 1% of men
#ffced8 Tritanopia 0.001% of the population

Trichromacy

#f7d845 Protanomaly 1% of men, 0.01% of women
#fed474 Deuteranomaly 6% of men, 0.4% of women
#fed0a0 Tritanomaly 0.01% of the population

#fed53f hex color

#fed53f Color Information

#fed53f Color Conversion

Color Schemes with #fed53f

Alternatives to #fed53f

#fed53f Preview

Shades and Tints of #fed53f

Tones of #fed53f

Color Blindness Simulator