colorhexa.com

#fde158 hex color

In a RGB color space, hex #fde158 is composed of 99.2% red, 88.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.1% magenta, 65.2% yellow and 0.8% black. It has a hue angle of 49.8 degrees, a saturation of 97.6% and a lightness of 66.9%. #fde158 color hex could be obtained by blending #ffffb0 with #fbc300. Closest websafe color is: #ffcc66.

- R 99
- G 88
- B 35
RGB color chart
- C 0
- M 11
- Y 65
- K 1
CMYK color chart

● #fde158 color description : Soft yellow.

The hexadecimal color #fde158 has RGB values of R:253, G:225, B:88 and CMYK values of C:0, M:0.11, Y:0.65, K:0.01. Its decimal value is 16638296.

Hex triplet	fde158	`#fde158`
RGB Decimal	253, 225, 88	`rgb(253,225,88)`
RGB Percent	99.2, 88.2, 34.5	`rgb(99.2%,88.2%,34.5%)`
CMYK	0, 11, 65, 1
HSL	49.8°, 97.6, 66.9	`hsl(49.8,97.6%,66.9%)`
HSV (or HSB)	49.8°, 65.2, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	89.599, -5.37, 68.096
XYZ	69.195, 75.44, 20.149
xyY	0.42, 0.458, 75.44
CIE-LCH	89.599, 68.308, 94.509
CIE-LUV	89.599, 25.173, 81.524
Hunter-Lab	86.856, -9.794, 47.045
Binary	11111101, 11100001, 01011000

#fde158
```
#fde158 rgb(253,225,88)
```
#5874fd
```
#5874fd rgb(88,116,253)
```

Complementary Color

#fd8f58
```
#fd8f58 rgb(253,143,88)
```
#fde158
```
#fde158 rgb(253,225,88)
```
#c7fd58
```
#c7fd58 rgb(199,253,88)
```

Analogous Color

#8f58fd
```
#8f58fd rgb(143,88,253)
```
#fde158
```
#fde158 rgb(253,225,88)
```
#58c7fd
```
#58c7fd rgb(88,199,253)
```

Split Complementary Color

#e158fd
```
#e158fd rgb(225,88,253)
```
#fde158
```
#fde158 rgb(253,225,88)
```
#58fde1
```
#58fde1 rgb(88,253,225)
```

Triadic Color

#fd5874
```
#fd5874 rgb(253,88,116)
```
#fde158
```
#fde158 rgb(253,225,88)
```
#58fde1
```
#58fde1 rgb(88,253,225)
```
#5874fd
```
#5874fd rgb(88,116,253)
```

Tetradic Color

#fcd30c
```
#fcd30c rgb(252,211,12)
```
#fcd826
```
#fcd826 rgb(252,216,38)
```
#fddc3f
```
#fddc3f rgb(253,220,63)
```
#fde158
```
#fde158 rgb(253,225,88)
```
#fde671
```
#fde671 rgb(253,230,113)
```
#feea8a
```
#feea8a rgb(254,234,138)
```
#feefa4
```
#feefa4 rgb(254,239,164)
```

Monochromatic Color

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

#fdb858
```
#fdb858 rgb(253,184,88)
```
#fdc658
```
#fdc658 rgb(253,198,88)
```
#fdd358
```
#fdd358 rgb(253,211,88)
```
#fde158
```
#fde158 rgb(253,225,88)
```
#fdef58
```
#fdef58 rgb(253,239,88)
```
#fdfd58
```
#fdfd58 rgb(253,253,88)
```
#f0fd58
```
#f0fd58 rgb(240,253,88)
```

Similar Colors

Text with hexadecimal color #fde158

This text has a font color of #fde158.

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

#fde158 background color

This paragraph has a background color of #fde158.

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

#fde158 border color

This element has a border color of #fde158.

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

CSS codes

.text {color:#fde158;}

.background {background-color:#fde158;}

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

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

#070600
```
#070600 rgb(7,6,0)
```
#1b1600
```
#1b1600 rgb(27,22,0)
```
#2e2601
```
#2e2601 rgb(46,38,1)
```
#423701
```
#423701 rgb(66,55,1)
```
#554701
```
#554701 rgb(85,71,1)
```
#685701
```
#685701 rgb(104,87,1)
```
#7c6701
```
#7c6701 rgb(124,103,1)
```
#8f7702
```
#8f7702 rgb(143,119,2)
```
#a38702
```
#a38702 rgb(163,135,2)
```
#b69702
```
#b69702 rgb(182,151,2)
```
#c9a802
```
#c9a802 rgb(201,168,2)
```
#ddb803
```
#ddb803 rgb(221,184,3)
```
#f0c803
```
#f0c803 rgb(240,200,3)
```

Shade Color Variation

#fcd30a
```
#fcd30a rgb(252,211,10)
```
#fcd71e
```
#fcd71e rgb(252,215,30)
```
#fdda31
```
#fdda31 rgb(253,218,49)
```
#fdde45
```
#fdde45 rgb(253,222,69)
```
#fde158
```
#fde158 rgb(253,225,88)
```
#fde46b
```
#fde46b rgb(253,228,107)
```
#fde87f
```
#fde87f rgb(253,232,127)
```
#feeb92
```
#feeb92 rgb(254,235,146)
```
#feefa6
```
#feefa6 rgb(254,239,166)
```
#fef2b9
```
#fef2b9 rgb(254,242,185)
```
#fef6cc
```
#fef6cc rgb(254,246,204)
```
#fff9e0
```
#fff9e0 rgb(255,249,224)
```
#fffdf3
```
#fffdf3 rgb(255,253,243)
```

Tint Color Variation

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

#afada6
```
#afada6 rgb(175,173,166)
```
#b6b2a0
```
#b6b2a0 rgb(182,178,160)
```
#bcb699
```
#bcb699 rgb(188,182,153)
```
#c3ba93
```
#c3ba93 rgb(195,186,147)
```
#c9bf8c
```
#c9bf8c rgb(201,191,140)
```
#d0c386
```
#d0c386 rgb(208,195,134)
```
#d6c77f
```
#d6c77f rgb(214,199,127)
```
#ddcc79
```
#ddcc79 rgb(221,204,121)
```
#e3d072
```
#e3d072 rgb(227,208,114)
```
#ead46c
```
#ead46c rgb(234,212,108)
```
#f0d865
```
#f0d865 rgb(240,216,101)
```
#f7dd5f
```
#f7dd5f rgb(247,221,95)
```
#fde158
```
#fde158 rgb(253,225,88)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#e1dbc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbe360 Protanopia 1% of men
#ffddb3 Deuteranopia 1% of men
#ffd9e3 Tritanopia 0.001% of the population

Trichromacy

#fce25d Protanomaly 1% of men, 0.01% of women
#fede92 Deuteranomaly 6% of men, 0.4% of women
#fedcb0 Tritanomaly 0.01% of the population