#f1e458 Color Information
In a RGB color space, hex #f1e458 is composed of 94.5% red, 89.4% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.4% magenta, 63.5% yellow and 5.5% black. It has a hue angle of 54.9 degrees, a saturation of 84.5% and a lightness of 64.5%. #f1e458 color hex could be obtained by blending #ffffb0 with #e3c900. Closest websafe color is: #ffcc66.
-
- R 95
- G 89
- B 35
-
- C 0
- M 5
- Y 63
- K 5
● #f1e458 color description : Soft yellow.
#f1e458 Color Conversion
The hexadecimal color #f1e458 has RGB values of R:241, G:228, B:88 and CMYK values of C:0, M:0.05, Y:0.63, K:0.05. Its decimal value is 15852632.
| Hex triplet | f1e458 | #f1e458 |
|---|---|---|
| RGB Decimal | 241, 228, 88 | rgb(241,228,88) |
| RGB Percent | 94.5, 89.4, 34.5 | rgb(94.5%,89.4%,34.5%) |
| CMYK | 0, 5, 63, 5 | |
| HSL | 54.9°, 84.5, 64.5 | hsl(54.9,84.5%,64.5%) |
| HSV (or HSB) | 54.9°, 63.5, 94.5 | |
| Web Safe | ffcc66 | #ffcc66 |
| CIE-LAB | 89.343, -11.793, 67.516 |
|---|---|
| XYZ | 65.781, 74.894, 20.223 |
| xyY | 0.409, 0.465, 74.894 |
| CIE-LCH | 89.343, 68.538, 99.908 |
| CIE-LUV | 89.343, 14.73, 82.418 |
| Hunter-Lab | 86.541, -15.768, 46.724 |
| Binary | 11110001, 11100100, 01011000 |
Color Schemes with #f1e458
Alternatives to #f1e458
Below, you can see some colors close to #f1e458. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f1e458 Preview
This text has a font color of #f1e458.
<span style="color:#f1e458;">Text here</span>
This paragraph has a background color of #f1e458.
<p style="background-color:#f1e458;">Content here</p>
This element has a border color of #f1e458.
<div style="border:1px solid #f1e458;">Content here</div>
.text {color:#f1e458;}
.background {background-color:#f1e458;}
.border {border:1px solid #f1e458;}
Shades and Tints of #f1e458
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, #0e0d01 is the darkest color, while #fffefb is the lightest one.
-
#0e0d01
#0e0d01rgb(14,13,1) -
#201e03
#201e03rgb(32,30,3) -
#322e04
#322e04rgb(50,46,4) -
#443f06
#443f06rgb(68,63,6) -
#565007
#565007rgb(86,80,7) -
#686009
#686009rgb(104,96,9) -
#7b710a
#7b710argb(123,113,10) -
#8d820c
#8d820crgb(141,130,12) -
#9f920d
#9f920drgb(159,146,13) -
#b1a30f
#b1a30frgb(177,163,15) -
#c3b410
#c3b410rgb(195,180,16) -
#d5c412
#d5c412rgb(213,196,18) -
#e7d513
#e7d513rgb(231,213,19)
-
#ecdb22
#ecdb22rgb(236,219,34) -
#eede34
#eede34rgb(238,222,52) -
#efe146
#efe146rgb(239,225,70) -
#f1e458
#f1e458rgb(241,228,88) -
#f3e76a
#f3e76argb(243,231,106) -
#f4ea7c
#f4ea7crgb(244,234,124) -
#f6ed8e
#f6ed8ergb(246,237,142) -
#f7f0a0
#f7f0a0rgb(247,240,160) -
#f9f3b2
#f9f3b2rgb(249,243,178) -
#faf6c5
#faf6c5rgb(250,246,197) -
#fcf8d7
#fcf8d7rgb(252,248,215) -
#fdfbe9
#fdfbe9rgb(253,251,233) -
#fffefb
#fffefbrgb(255,254,251)
Tones of #f1e458
A tone is produced by adding gray to any pure hue. In this case, #abaa9e is the less saturated color, while #fff04a is the most saturated one.
-
#abaa9e
#abaa9ergb(171,170,158) -
#b2b097
#b2b097rgb(178,176,151) -
#b9b690
#b9b690rgb(185,182,144) -
#c0bc89
#c0bc89rgb(192,188,137) -
#c7c182
#c7c182rgb(199,193,130) -
#cec77b
#cec77brgb(206,199,123) -
#d5cd74
#d5cd74rgb(213,205,116) -
#dcd36d
#dcd36drgb(220,211,109) -
#e3d866
#e3d866rgb(227,216,102) -
#eade5f
#eade5frgb(234,222,95) -
#f1e458
#f1e458rgb(241,228,88) -
#f8ea51
#f8ea51rgb(248,234,81) -
#fff04a
#fff04argb(255,240,74)
Color Blindness Simulator
Below, you can see how #f1e458 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.
