#f5f686 Color Information
In a RGB color space, hex #f5f686 is composed of 96.1% red, 96.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0.4% cyan, 0% magenta, 45.5% yellow and 3.5% black. It has a hue angle of 60.5 degrees, a saturation of 86.2% and a lightness of 74.5%. #f5f686 color hex could be obtained by blending #ffffff with #ebed0d. Closest websafe color is: #ffff99.
-
- R 96
- G 96
- B 53
-
- C 0
- M 0
- Y 46
- K 4
● #f5f686 color description : Soft yellow.
#f5f686 Color Conversion
The hexadecimal color #f5f686 has RGB values of R:245, G:246, B:134 and CMYK values of C:0, M:0, Y:0.46, K:0.04. Its decimal value is 16119430.
Hex triplet | f5f686 | #f5f686 |
---|---|---|
RGB Decimal | 245, 246, 134 | rgb(245,246,134) |
RGB Percent | 96.1, 96.5, 52.5 | rgb(96.1%,96.5%,52.5%) |
CMYK | 0, 0, 46, 4 | |
HSL | 60.5°, 86.2, 74.5 | hsl(60.5,86.2%,74.5%) |
HSV (or HSB) | 60.5°, 45.5, 96.5 | |
Web Safe | ffff99 | #ffff99 |
CIE-LAB | 94.758, -15.542, 53.427 |
---|---|
XYZ | 74.914, 87.046, 35.408 |
xyY | 0.38, 0.441, 87.046 |
CIE-LCH | 94.758, 55.642, 106.22 |
CIE-LUV | 94.758, 4.56, 72.145 |
Hunter-Lab | 93.299, -19.945, 42.808 |
Binary | 11110101, 11110110, 10000110 |
Color Schemes with #f5f686
Alternatives to #f5f686
Below, you can see some colors close to #f5f686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5f686 Preview
This text has a font color of #f5f686.
<span style="color:#f5f686;">Text here</span>
This paragraph has a background color of #f5f686.
<p style="background-color:#f5f686;">Content here</p>
This element has a border color of #f5f686.
<div style="border:1px solid #f5f686;">Content here</div>
.text {color:#f5f686;}
.background {background-color:#f5f686;}
.border {border:1px solid #f5f686;}
Shades and Tints of #f5f686
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, #070701 is the darkest color, while #fefef4 is the lightest one.
-
#070701
#070701
rgb(7,7,1)
-
#191902
#191902
rgb(25,25,2)
-
#2b2b03
#2b2b03
rgb(43,43,3)
-
#3d3e05
#3d3e05
rgb(61,62,5)
-
#4f5006
#4f5006
rgb(79,80,6)
-
#616207
#616207
rgb(97,98,7)
-
#737409
#737409
rgb(115,116,9)
-
#85870a
#85870a
rgb(133,135,10)
-
#98990b
#98990b
rgb(152,153,11)
-
#aaab0d
#aaab0d
rgb(170,171,13)
-
#bcbd0e
#bcbd0e
rgb(188,189,14)
-
#ced00f
#ced00f
rgb(206,208,15)
-
#e0e211
#e0e211
rgb(224,226,17)
-
#ecee18
#ecee18
rgb(236,238,24)
-
#edef2b
#edef2b
rgb(237,239,43)
-
#eff13d
#eff13d
rgb(239,241,61)
-
#f0f24f
#f0f24f
rgb(240,242,79)
-
#f2f361
#f2f361
rgb(242,243,97)
-
#f3f574
#f3f574
rgb(243,245,116)
-
#f5f686
#f5f686
rgb(245,246,134)
-
#f7f798
#f7f798
rgb(247,247,152)
-
#f8f9ab
#f8f9ab
rgb(248,249,171)
-
#fafabd
#fafabd
rgb(250,250,189)
-
#fbfbcf
#fbfbcf
rgb(251,251,207)
-
#fdfde1
#fdfde1
rgb(253,253,225)
-
#fefef4
#fefef4
rgb(254,254,244)
Tones of #f5f686
A tone is produced by adding gray to any pure hue. In this case, #bfbfbd is the less saturated color, while #fafb81 is the most saturated one.
-
#bfbfbd
#bfbfbd
rgb(191,191,189)
-
#c4c4b8
#c4c4b8
rgb(196,196,184)
-
#c9c9b3
#c9c9b3
rgb(201,201,179)
-
#ceceae
#ceceae
rgb(206,206,174)
-
#d3d3a9
#d3d3a9
rgb(211,211,169)
-
#d8d8a4
#d8d8a4
rgb(216,216,164)
-
#dcdd9f
#dcdd9f
rgb(220,221,159)
-
#e1e29a
#e1e29a
rgb(225,226,154)
-
#e6e795
#e6e795
rgb(230,231,149)
-
#ebec90
#ebec90
rgb(235,236,144)
-
#f0f18b
#f0f18b
rgb(240,241,139)
-
#f5f686
#f5f686
rgb(245,246,134)
-
#fafb81
#fafb81
rgb(250,251,129)
Color Blindness Simulator
Below, you can see how #f5f686 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.