#f5e368 Color Information
In a RGB color space, hex #f5e368 is composed of 96.1% red, 89% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.3% magenta, 57.6% yellow and 3.9% black. It has a hue angle of 52.3 degrees, a saturation of 87.6% and a lightness of 68.4%. #f5e368 color hex could be obtained by blending #ffffd0 with #ebc700. Closest websafe color is: #ffcc66.
-
- R 96
- G 89
- B 41
-
- C 0
- M 7
- Y 58
- K 4
● #f5e368 color description : Soft yellow.
#f5e368 Color Conversion
The hexadecimal color #f5e368 has RGB values of R:245, G:227, B:104 and CMYK values of C:0, M:0.07, Y:0.58, K:0.04. Its decimal value is 16114536.
Hex triplet | f5e368 | #f5e368 |
---|---|---|
RGB Decimal | 245, 227, 104 | rgb(245,227,104) |
RGB Percent | 96.1, 89, 40.8 | rgb(96.1%,89%,40.8%) |
CMYK | 0, 7, 58, 4 | |
HSL | 52.3°, 87.6, 68.4 | hsl(52.3,87.6%,68.4%) |
HSV (or HSB) | 52.3°, 57.6, 96.1 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 89.558, -8.624, 61.052 |
---|---|
XYZ | 67.624, 75.352, 24.078 |
xyY | 0.405, 0.451, 75.352 |
CIE-LCH | 89.558, 61.658, 98.04 |
CIE-LUV | 89.558, 17.611, 76.37 |
Hunter-Lab | 86.805, -12.853, 44.318 |
Binary | 11110101, 11100011, 01101000 |
Color Schemes with #f5e368
Alternatives to #f5e368
Below, you can see some colors close to #f5e368. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5e368 Preview
This text has a font color of #f5e368.
<span style="color:#f5e368;">Text here</span>
This paragraph has a background color of #f5e368.
<p style="background-color:#f5e368;">Content here</p>
This element has a border color of #f5e368.
<div style="border:1px solid #f5e368;">Content here</div>
.text {color:#f5e368;}
.background {background-color:#f5e368;}
.border {border:1px solid #f5e368;}
Shades and Tints of #f5e368
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, #0f0d01 is the darkest color, while #fffefb is the lightest one.
-
#0f0d01
#0f0d01
rgb(15,13,1)
-
#211d02
#211d02
rgb(33,29,2)
-
#332d03
#332d03
rgb(51,45,3)
-
#463d05
#463d05
rgb(70,61,5)
-
#584e06
#584e06
rgb(88,78,6)
-
#6b5e07
#6b5e07
rgb(107,94,7)
-
#7d6e08
#7d6e08
rgb(125,110,8)
-
#8f7e09
#8f7e09
rgb(143,126,9)
-
#a28e0b
#a28e0b
rgb(162,142,11)
-
#b49f0c
#b49f0c
rgb(180,159,12)
-
#c7af0d
#c7af0d
rgb(199,175,13)
-
#d9bf0e
#d9bf0e
rgb(217,191,14)
-
#ebcf10
#ebcf10
rgb(235,207,16)
-
#f0d51e
#f0d51e
rgb(240,213,30)
-
#f1d931
#f1d931
rgb(241,217,49)
-
#f3dc43
#f3dc43
rgb(243,220,67)
-
#f4e056
#f4e056
rgb(244,224,86)
-
#f5e368
#f5e368
rgb(245,227,104)
-
#f6e67a
#f6e67a
rgb(246,230,122)
-
#f7ea8d
#f7ea8d
rgb(247,234,141)
-
#f9ed9f
#f9ed9f
rgb(249,237,159)
-
#faf1b2
#faf1b2
rgb(250,241,178)
-
#fbf4c4
#fbf4c4
rgb(251,244,196)
-
#fcf7d6
#fcf7d6
rgb(252,247,214)
-
#fefbe9
#fefbe9
rgb(254,251,233)
-
#fffefb
#fffefb
rgb(255,254,251)
Tones of #f5e368
A tone is produced by adding gray to any pure hue. In this case, #b1b0ac is the less saturated color, while #fbe862 is the most saturated one.
-
#b1b0ac
#b1b0ac
rgb(177,176,172)
-
#b7b5a6
#b7b5a6
rgb(183,181,166)
-
#bdb9a0
#bdb9a0
rgb(189,185,160)
-
#c3be9a
#c3be9a
rgb(195,190,154)
-
#cac393
#cac393
rgb(202,195,147)
-
#d0c78d
#d0c78d
rgb(208,199,141)
-
#d6cc87
#d6cc87
rgb(214,204,135)
-
#dcd181
#dcd181
rgb(220,209,129)
-
#e2d57b
#e2d57b
rgb(226,213,123)
-
#e9da74
#e9da74
rgb(233,218,116)
-
#efde6e
#efde6e
rgb(239,222,110)
-
#f5e368
#f5e368
rgb(245,227,104)
-
#fbe862
#fbe862
rgb(251,232,98)
Color Blindness Simulator
Below, you can see how #f5e368 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.