#f1e680 Color Information
In a RGB color space, hex #f1e680 is composed of 94.5% red, 90.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.6% magenta, 46.9% yellow and 5.5% black. It has a hue angle of 54.2 degrees, a saturation of 80.1% and a lightness of 72.4%. #f1e680 color hex could be obtained by blending #ffffff with #e3cd01. Closest websafe color is: #ffff99.
-
- R 95
- G 90
- B 50
-
- C 0
- M 5
- Y 47
- K 5
● #f1e680 color description : Soft yellow.
#f1e680 Color Conversion
The hexadecimal color #f1e680 has RGB values of R:241, G:230, B:128 and CMYK values of C:0, M:0.05, Y:0.47, K:0.05. Its decimal value is 15853184.
| Hex triplet | f1e680 | #f1e680 |
|---|---|---|
| RGB Decimal | 241, 230, 128 | rgb(241,230,128) |
| RGB Percent | 94.5, 90.2, 50.2 | rgb(94.5%,90.2%,50.2%) |
| CMYK | 0, 5, 47, 5 | |
| HSL | 54.2°, 80.1, 72.4 | hsl(54.2,80.1%,72.4%) |
| HSV (or HSB) | 54.2°, 46.9, 94.5 | |
| Web Safe | ffff99 | #ffff99 |
| CIE-LAB | 90.254, -9.778, 50.714 |
|---|---|
| XYZ | 68.468, 76.854, 31.649 |
| xyY | 0.387, 0.434, 76.854 |
| CIE-LCH | 90.254, 51.648, 100.913 |
| CIE-LUV | 90.254, 12.009, 67.08 |
| Hunter-Lab | 87.667, -14.006, 39.962 |
| Binary | 11110001, 11100110, 10000000 |
Color Schemes with #f1e680
Alternatives to #f1e680
Below, you can see some colors close to #f1e680. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f1e680 Preview
This text has a font color of #f1e680.
<span style="color:#f1e680;">Text here</span>
This paragraph has a background color of #f1e680.
<p style="background-color:#f1e680;">Content here</p>
This element has a border color of #f1e680.
<div style="border:1px solid #f1e680;">Content here</div>
.text {color:#f1e680;}
.background {background-color:#f1e680;}
.border {border:1px solid #f1e680;}
Shades and Tints of #f1e680
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, #0e0d02 is the darkest color, while #fffefc is the lightest one.
-
#0e0d02
#0e0d02rgb(14,13,2) -
#201d04
#201d04rgb(32,29,4) -
#322d05
#322d05rgb(50,45,5) -
#433e07
#433e07rgb(67,62,7) -
#554e09
#554e09rgb(85,78,9) -
#675e0b
#675e0brgb(103,94,11) -
#786e0d
#786e0drgb(120,110,13) -
#8a7e0f
#8a7e0frgb(138,126,15) -
#9c8e11
#9c8e11rgb(156,142,17) -
#ad9e13
#ad9e13rgb(173,158,19) -
#bfae15
#bfae15rgb(191,174,21) -
#d1bf17
#d1bf17rgb(209,191,23) -
#e2cf19
#e2cf19rgb(226,207,25)
-
#e7d528
#e7d528rgb(231,213,40) -
#e9d839
#e9d839rgb(233,216,57) -
#ebdc4b
#ebdc4brgb(235,220,75) -
#eddf5d
#eddf5drgb(237,223,93) -
#efe36e
#efe36ergb(239,227,110) -
#f1e680
#f1e680rgb(241,230,128) -
#f3e992
#f3e992rgb(243,233,146) -
#f5eda3
#f5eda3rgb(245,237,163) -
#f7f0b5
#f7f0b5rgb(247,240,181) -
#f9f4c7
#f9f4c7rgb(249,244,199) -
#fbf7d8
#fbf7d8rgb(251,247,216) -
#fdfbea
#fdfbeargb(253,251,234) -
#fffefc
#fffefcrgb(255,254,252)
Tones of #f1e680
A tone is produced by adding gray to any pure hue. In this case, #bbbab6 is the less saturated color, while #fcef75 is the most saturated one.
-
#bbbab6
#bbbab6rgb(187,186,182) -
#c0bfb1
#c0bfb1rgb(192,191,177) -
#c6c3ab
#c6c3abrgb(198,195,171) -
#cbc7a6
#cbc7a6rgb(203,199,166) -
#d0cca1
#d0cca1rgb(208,204,161) -
#d6d09b
#d6d09brgb(214,208,155) -
#dbd596
#dbd596rgb(219,213,150) -
#e1d990
#e1d990rgb(225,217,144) -
#e6dd8b
#e6dd8brgb(230,221,139) -
#ece285
#ece285rgb(236,226,133) -
#f1e680
#f1e680rgb(241,230,128) -
#f6ea7b
#f6ea7brgb(246,234,123) -
#fcef75
#fcef75rgb(252,239,117)
Color Blindness Simulator
Below, you can see how #f1e680 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.
