#fde502 hex color

In a RGB color space, hex #fde502 is composed of 99.2% red, 89.8% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.5% magenta, 99.2% yellow and 0.8% black. It has a hue angle of 54.3 degrees, a saturation of 98.4% and a lightness of 50%. #fde502 color hex could be obtained by blending #ffff04 with #fbcb00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 99
- G 90
- B 1
RGB color chart
- C 0
- M 9
- Y 99
- K 1
CMYK color chart

● #fde502 color description : Vivid yellow.

The hexadecimal color #fde502 has RGB values of R:253, G:229, B:2 and CMYK values of C:0, M:0.09, Y:0.99, K:0.01. Its decimal value is 16639234.

Hex triplet	fde502	`#fde502`
RGB Decimal	253, 229, 2	`rgb(253,229,2)`
RGB Percent	99.2, 89.8, 0.8	`rgb(99.2%,89.8%,0.8%)`
CMYK	0, 9, 99, 1
HSL	54.3°, 98.4, 50	`hsl(54.3,98.4%,50%)`
HSV (or HSB)	54.3°, 99.2, 99.2
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	90.288, -9.77, 89.28
XYZ	68.539, 76.928, 11.296
xyY	0.437, 0.491, 76.928
CIE-LCH	90.288, 89.813, 96.245
CIE-LUV	90.288, 23.918, 97.125
Hunter-Lab	87.709, -14.003, 53.76
Binary	11111101, 11100101, 00000010

#fde502
```
#fde502 rgb(253,229,2)
```
#021afd
```
#021afd rgb(2,26,253)
```

Complementary Color

#fd6802
```
#fd6802 rgb(253,104,2)
```
#fde502
```
#fde502 rgb(253,229,2)
```
#98fd02
```
#98fd02 rgb(152,253,2)
```

Analogous Color

#6802fd
```
#6802fd rgb(104,2,253)
```
#fde502
```
#fde502 rgb(253,229,2)
```
#0298fd
```
#0298fd rgb(2,152,253)
```

Split Complementary Color

#e502fd
```
#e502fd rgb(229,2,253)
```
#fde502
```
#fde502 rgb(253,229,2)
```
#02fde5
```
#02fde5 rgb(2,253,229)
```

Triadic Color

#fd021a
```
#fd021a rgb(253,2,26)
```
#fde502
```
#fde502 rgb(253,229,2)
```
#02fde5
```
#02fde5 rgb(2,253,229)
```
#021afd
```
#021afd rgb(2,26,253)
```

Tetradic Color

#b1a001
```
#b1a001 rgb(177,160,1)
```
#cab702
```
#cab702 rgb(202,183,2)
```
#e4ce02
```
#e4ce02 rgb(228,206,2)
```
#fde502
```
#fde502 rgb(253,229,2)
```
#fde81b
```
#fde81b rgb(253,232,27)
```
#fdea35
```
#fdea35 rgb(253,234,53)
```
#feed4e
```
#feed4e rgb(254,237,78)
```

Monochromatic Color

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

#fda602
```
#fda602 rgb(253,166,2)
```
#fdbb02
```
#fdbb02 rgb(253,187,2)
```
#fdd002
```
#fdd002 rgb(253,208,2)
```
#fde502
```
#fde502 rgb(253,229,2)
```
#fdfa02
```
#fdfa02 rgb(253,250,2)
```
#ebfd02
```
#ebfd02 rgb(235,253,2)
```
#d6fd02
```
#d6fd02 rgb(214,253,2)
```

Similar Colors

Text with hexadecimal color #fde502

This text has a font color of #fde502.

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

#fde502 background color

This paragraph has a background color of #fde502.

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

#fde502 border color

This element has a border color of #fde502.

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

CSS codes

.text {color:#fde502;}

.background {background-color:#fde502;}

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

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

#131200
```
#131200 rgb(19,18,0)
```
#272300
```
#272300 rgb(39,35,0)
```
#3a3500
```
#3a3500 rgb(58,53,0)
```
#4e4601
```
#4e4601 rgb(78,70,1)
```
#615801
```
#615801 rgb(97,88,1)
```
#756a01
```
#756a01 rgb(117,106,1)
```
#887b01
```
#887b01 rgb(136,123,1)
```
#9c8d01
```
#9c8d01 rgb(156,141,1)
```
#af9f01
```
#af9f01 rgb(175,159,1)
```
#c3b002
```
#c3b002 rgb(195,176,2)
```
#d6c202
```
#d6c202 rgb(214,194,2)
```
#ead302
```
#ead302 rgb(234,211,2)
```
#fde502
```
#fde502 rgb(253,229,2)
```

Shade Color Variation

#fde715
```
#fde715 rgb(253,231,21)
```
#fde929
```
#fde929 rgb(253,233,41)
```
#fdeb3c
```
#fdeb3c rgb(253,235,60)
```
#feed50
```
#feed50 rgb(254,237,80)
```
#feef63
```
#feef63 rgb(254,239,99)
```
#fef177
```
#fef177 rgb(254,241,119)
```
#fef38a
```
#fef38a rgb(254,243,138)
```
#fef59e
```
#fef59e rgb(254,245,158)
```
#fef7b1
```
#fef7b1 rgb(254,247,177)
```
#fff9c5
```
#fff9c5 rgb(255,249,197)
```
#fffbd8
```
#fffbd8 rgb(255,251,216)
```
#fffdec
```
#fffdec rgb(255,253,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#878678
```
#878678 rgb(135,134,120)
```
#918e6e
```
#918e6e rgb(145,142,110)
```
#9b9664
```
#9b9664 rgb(155,150,100)
```
#a59e5a
```
#a59e5a rgb(165,158,90)
```
#afa650
```
#afa650 rgb(175,166,80)
```
#b8ad47
```
#b8ad47 rgb(184,173,71)
```
#c2b53d
```
#c2b53d rgb(194,181,61)
```
#ccbd33
```
#ccbd33 rgb(204,189,51)
```
#d6c529
```
#d6c529 rgb(214,197,41)
```
#e0cd1f
```
#e0cd1f rgb(224,205,31)
```
#e9d516
```
#e9d516 rgb(233,213,22)
```
#f3dd0c
```
#f3dd0c rgb(243,221,12)
```
#fde502
```
#fde502 rgb(253,229,2)
```

Tone Color Variation

Below, you can see how #fde502 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
#dbd6a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe548 Protanopia 1% of men
#ffe0b6 Deuteranopia 1% of men
#ffdbe5 Tritanopia 0.001% of the population

Trichromacy

#fee52f Protanomaly 1% of men, 0.01% of women
#fee174 Deuteranomaly 6% of men, 0.4% of women
#fedf92 Tritanomaly 0.01% of the population

#fde502 hex color

#fde502 Color Information

#fde502 Color Conversion

Color Schemes with #fde502

Alternatives to #fde502

#fde502 Preview

Shades and Tints of #fde502

Tones of #fde502

Color Blindness Simulator