#f5f366 Color Information
In a RGB color space, hex #f5f366 is composed of 96.1% red, 95.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0.8% magenta, 58.4% yellow and 3.9% black. It has a hue angle of 59.2 degrees, a saturation of 87.7% and a lightness of 68%. #f5f366 color hex could be obtained by blending #ffffcc with #ebe700. Closest websafe color is: #ffff66.
-
- R 96
- G 95
- B 40
-
- C 0
- M 1
- Y 58
- K 4
● #f5f366 color description : Soft yellow.
#f5f366 Color Conversion
The hexadecimal color #f5f366 has RGB values of R:245, G:243, B:102 and CMYK values of C:0, M:0.01, Y:0.58, K:0.04. Its decimal value is 16118630.
Hex triplet | f5f366 | #f5f366 |
---|---|---|
RGB Decimal | 245, 243, 102 | rgb(245,243,102) |
RGB Percent | 96.1, 95.3, 40 | rgb(96.1%,95.3%,40%) |
CMYK | 0, 1, 58, 4 | |
HSL | 59.2°, 87.7, 68 | hsl(59.2,87.7%,68%) |
HSV (or HSB) | 59.2°, 58.4, 96.1 | |
Web Safe | ffff66 | #ffff66 |
CIE-LAB | 93.656, -16.641, 66.469 |
---|---|
XYZ | 72.105, 84.474, 25.077 |
xyY | 0.397, 0.465, 84.474 |
CIE-LCH | 93.656, 68.52, 104.055 |
CIE-LUV | 93.656, 7.39, 84.211 |
Hunter-Lab | 91.91, -20.806, 48.16 |
Binary | 11110101, 11110011, 01100110 |
Color Schemes with #f5f366
Alternatives to #f5f366
Below, you can see some colors close to #f5f366. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5f366 Preview
This text has a font color of #f5f366.
<span style="color:#f5f366;">Text here</span>
This paragraph has a background color of #f5f366.
<p style="background-color:#f5f366;">Content here</p>
This element has a border color of #f5f366.
<div style="border:1px solid #f5f366;">Content here</div>
.text {color:#f5f366;}
.background {background-color:#f5f366;}
.border {border:1px solid #f5f366;}
Shades and Tints of #f5f366
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, #0d0d01 is the darkest color, while #fffff9 is the lightest one.
-
#0d0d01
#0d0d01
rgb(13,13,1)
-
#1f1f02
#1f1f02
rgb(31,31,2)
-
#323103
#323103
rgb(50,49,3)
-
#444304
#444304
rgb(68,67,4)
-
#565506
#565506
rgb(86,85,6)
-
#696707
#696707
rgb(105,103,7)
-
#7b7a08
#7b7a08
rgb(123,122,8)
-
#8e8c09
#8e8c09
rgb(142,140,9)
-
#a09e0a
#a09e0a
rgb(160,158,10)
-
#b2b00c
#b2b00c
rgb(178,176,12)
-
#c5c20d
#c5c20d
rgb(197,194,13)
-
#d7d40e
#d7d40e
rgb(215,212,14)
-
#eae70f
#eae70f
rgb(234,231,15)
-
#f0ed1c
#f0ed1c
rgb(240,237,28)
-
#f1ef2f
#f1ef2f
rgb(241,239,47)
-
#f3f041
#f3f041
rgb(243,240,65)
-
#f4f254
#f4f254
rgb(244,242,84)
-
#f5f366
#f5f366
rgb(245,243,102)
-
#f6f478
#f6f478
rgb(246,244,120)
-
#f7f68b
#f7f68b
rgb(247,246,139)
-
#f9f79d
#f9f79d
rgb(249,247,157)
-
#faf9b0
#faf9b0
rgb(250,249,176)
-
#fbfac2
#fbfac2
rgb(251,250,194)
-
#fcfcd4
#fcfcd4
rgb(252,252,212)
-
#fdfde7
#fdfde7
rgb(253,253,231)
-
#fffff9
#fffff9
rgb(255,255,249)
Tones of #f5f366
A tone is produced by adding gray to any pure hue. In this case, #b0b0ab is the less saturated color, while #fbf960 is the most saturated one.
-
#b0b0ab
#b0b0ab
rgb(176,176,171)
-
#b6b6a5
#b6b6a5
rgb(182,182,165)
-
#bdbc9e
#bdbc9e
rgb(189,188,158)
-
#c3c298
#c3c298
rgb(195,194,152)
-
#c9c892
#c9c892
rgb(201,200,146)
-
#cfce8c
#cfce8c
rgb(207,206,140)
-
#d6d585
#d6d585
rgb(214,213,133)
-
#dcdb7f
#dcdb7f
rgb(220,219,127)
-
#e2e179
#e2e179
rgb(226,225,121)
-
#e8e773
#e8e773
rgb(232,231,115)
-
#efed6c
#efed6c
rgb(239,237,108)
-
#f5f366
#f5f366
rgb(245,243,102)
-
#fbf960
#fbf960
rgb(251,249,96)
Color Blindness Simulator
Below, you can see how #f5f366 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.