#fde228 hex color

In a RGB color space, hex #fde228 is composed of 99.2% red, 88.6% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.7% magenta, 84.2% yellow and 0.8% black. It has a hue angle of 52.4 degrees, a saturation of 98.2% and a lightness of 57.5%. #fde228 color hex could be obtained by blending #ffff50 with #fbc500. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 99
- G 89
- B 16
RGB color chart
- C 0
- M 11
- Y 84
- K 1
CMYK color chart

● #fde228 color description : Bright yellow.

The hexadecimal color #fde228 has RGB values of R:253, G:226, B:40 and CMYK values of C:0, M:0.11, Y:0.84, K:0.01. Its decimal value is 16638504.

Hex triplet	fde228	`#fde228`
RGB Decimal	253, 226, 40	`rgb(253,226,40)`
RGB Percent	99.2, 88.6, 15.7	`rgb(99.2%,88.6%,15.7%)`
CMYK	0, 11, 84, 1
HSL	52.4°, 98.2, 57.5	`hsl(52.4,98.2%,57.5%)`
HSV (or HSB)	52.4°, 84.2, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	89.594, -7.764, 83.626
XYZ	68.088, 75.431, 12.981
xyY	0.435, 0.482, 75.431
CIE-LCH	89.594, 83.986, 95.304
CIE-LUV	89.594, 25.701, 92.959
Hunter-Lab	86.851, -12.051, 51.934
Binary	11111101, 11100010, 00101000

#fde228
```
#fde228 rgb(253,226,40)
```
#2843fd
```
#2843fd rgb(40,67,253)
```

Complementary Color

#fd7828
```
#fd7828 rgb(253,120,40)
```
#fde228
```
#fde228 rgb(253,226,40)
```
#aefd28
```
#aefd28 rgb(174,253,40)
```

Analogous Color

#7828fd
```
#7828fd rgb(120,40,253)
```
#fde228
```
#fde228 rgb(253,226,40)
```
#28aefd
```
#28aefd rgb(40,174,253)
```

Split Complementary Color

#e228fd
```
#e228fd rgb(226,40,253)
```
#fde228
```
#fde228 rgb(253,226,40)
```
#28fde2
```
#28fde2 rgb(40,253,226)
```

Triadic Color

#fd2843
```
#fd2843 rgb(253,40,67)
```
#fde228
```
#fde228 rgb(253,226,40)
```
#28fde2
```
#28fde2 rgb(40,253,226)
```
#2843fd
```
#2843fd rgb(40,67,253)
```

Tetradic Color

#d7bc02
```
#d7bc02 rgb(215,188,2)
```
#f0d202
```
#f0d202 rgb(240,210,2)
```
#fddf0f
```
#fddf0f rgb(253,223,15)
```
#fde228
```
#fde228 rgb(253,226,40)
```
#fde541
```
#fde541 rgb(253,229,65)
```
#fde95b
```
#fde95b rgb(253,233,91)
```
#feec74
```
#feec74 rgb(254,236,116)
```

Monochromatic Color

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

#fdad28
```
#fdad28 rgb(253,173,40)
```
#fdbf28
```
#fdbf28 rgb(253,191,40)
```
#fdd028
```
#fdd028 rgb(253,208,40)
```
#fde228
```
#fde228 rgb(253,226,40)
```
#fdf428
```
#fdf428 rgb(253,244,40)
```
#f5fd28
```
#f5fd28 rgb(245,253,40)
```
#e3fd28
```
#e3fd28 rgb(227,253,40)
```

Similar Colors

Text with hexadecimal color #fde228

This text has a font color of #fde228.

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

#fde228 background color

This paragraph has a background color of #fde228.

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

#fde228 border color

This element has a border color of #fde228.

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

CSS codes

.text {color:#fde228;}

.background {background-color:#fde228;}

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

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

#121000
```
#121000 rgb(18,16,0)
```
#262100
```
#262100 rgb(38,33,0)
```
#393201
```
#393201 rgb(57,50,1)
```
#4d4301
```
#4d4301 rgb(77,67,1)
```
#605401
```
#605401 rgb(96,84,1)
```
#736501
```
#736501 rgb(115,101,1)
```
#877601
```
#877601 rgb(135,118,1)
```
#9a8701
```
#9a8701 rgb(154,135,1)
```
#ae9802
```
#ae9802 rgb(174,152,2)
```
#c1a902
```
#c1a902 rgb(193,169,2)
```
#d5ba02
```
#d5ba02 rgb(213,186,2)
```
#e8cb02
```
#e8cb02 rgb(232,203,2)
```
#fbdc02
```
#fbdc02 rgb(251,220,2)
```

Shade Color Variation

#fddf15
```
#fddf15 rgb(253,223,21)
```
#fde228
```
#fde228 rgb(253,226,40)
```
#fde53b
```
#fde53b rgb(253,229,59)
```
#fde74f
```
#fde74f rgb(253,231,79)
```
#feea62
```
#feea62 rgb(254,234,98)
```
#feec76
```
#feec76 rgb(254,236,118)
```
#feef89
```
#feef89 rgb(254,239,137)
```
#fef29d
```
#fef29d rgb(254,242,157)
```
#fef4b0
```
#fef4b0 rgb(254,244,176)
```
#fef7c3
```
#fef7c3 rgb(254,247,195)
```
#fffad7
```
#fffad7 rgb(255,250,215)
```
#fffcea
```
#fffcea rgb(255,252,234)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#99978c
```
#99978c rgb(153,151,140)
```
#a19d84
```
#a19d84 rgb(161,157,132)
```
#aaa47b
```
#aaa47b rgb(170,164,123)
```
#b2aa73
```
#b2aa73 rgb(178,170,115)
```
#bab06b
```
#bab06b rgb(186,176,107)
```
#c3b662
```
#c3b662 rgb(195,182,98)
```
#cbbd5a
```
#cbbd5a rgb(203,189,90)
```
#d3c352
```
#d3c352 rgb(211,195,82)
```
#dcc949
```
#dcc949 rgb(220,201,73)
```
#e4cf41
```
#e4cf41 rgb(228,207,65)
```
#ecd639
```
#ecd639 rgb(236,214,57)
```
#f5dc30
```
#f5dc30 rgb(245,220,48)
```
#fde228
```
#fde228 rgb(253,226,40)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#ddd8b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fde333 Protanopia 1% of men
#ffddb0 Deuteranopia 1% of men
#ffd9e3 Tritanopia 0.001% of the population

Trichromacy

#fde22f Protanomaly 1% of men, 0.01% of women
#fedf7f Deuteranomaly 6% of men, 0.4% of women
#fedc9f Tritanomaly 0.01% of the population

#fde228 hex color

#fde228 Color Information

#fde228 Color Conversion

Color Schemes with #fde228

Alternatives to #fde228

#fde228 Preview

Shades and Tints of #fde228

Tones of #fde228

Color Blindness Simulator