#f5df55 Color Information
In a RGB color space, hex #f5df55 is composed of 96.1% red, 87.5% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9% magenta, 65.3% yellow and 3.9% black. It has a hue angle of 51.8 degrees, a saturation of 88.9% and a lightness of 64.7%. #f5df55 color hex could be obtained by blending #ffffaa with #ebbf00. Closest websafe color is: #ffcc66.
-
- R 96
- G 87
- B 33
-
- C 0
- M 9
- Y 65
- K 4
● #f5df55 color description : Soft yellow.
#f5df55 Color Conversion
The hexadecimal color #f5df55 has RGB values of R:245, G:223, B:85 and CMYK values of C:0, M:0.09, Y:0.65, K:0.04. Its decimal value is 16113493.
Hex triplet | f5df55 | #f5df55 |
---|---|---|
RGB Decimal | 245, 223, 85 | rgb(245,223,85) |
RGB Percent | 96.1, 87.5, 33.3 | rgb(96.1%,87.5%,33.3%) |
CMYK | 0, 9, 65, 4 | |
HSL | 51.8°, 88.9, 64.7 | hsl(51.8,88.9%,64.7%) |
HSV (or HSB) | 51.8°, 65.3, 96.1 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 88.374, -7.833, 67.813 |
---|---|
XYZ | 65.684, 72.846, 19.195 |
xyY | 0.416, 0.462, 72.846 |
CIE-LCH | 88.374, 68.264, 96.589 |
CIE-LUV | 88.374, 20.949, 81.384 |
Hunter-Lab | 85.35, -11.991, 46.411 |
Binary | 11110101, 11011111, 01010101 |
Color Schemes with #f5df55
Alternatives to #f5df55
Below, you can see some colors close to #f5df55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5df55 Preview
This text has a font color of #f5df55.
<span style="color:#f5df55;">Text here</span>
This paragraph has a background color of #f5df55.
<p style="background-color:#f5df55;">Content here</p>
This element has a border color of #f5df55.
<div style="border:1px solid #f5df55;">Content here</div>
.text {color:#f5df55;}
.background {background-color:#f5df55;}
.border {border:1px solid #f5df55;}
Shades and Tints of #f5df55
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 #fffefc is the lightest one.
-
#0f0d01
#0f0d01
rgb(15,13,1)
-
#221d02
#221d02
rgb(34,29,2)
-
#342e03
#342e03
rgb(52,46,3)
-
#473e04
#473e04
rgb(71,62,4)
-
#594e05
#594e05
rgb(89,78,5)
-
#6c5e06
#6c5e06
rgb(108,94,6)
-
#7e6e07
#7e6e07
rgb(126,110,7)
-
#917e09
#917e09
rgb(145,126,9)
-
#a38e0a
#a38e0a
rgb(163,142,10)
-
#b69e0b
#b69e0b
rgb(182,158,11)
-
#c9af0c
#c9af0c
rgb(201,175,12)
-
#dbbf0d
#dbbf0d
rgb(219,191,13)
-
#eecf0e
#eecf0e
rgb(238,207,14)
-
#f2d51d
#f2d51d
rgb(242,213,29)
-
#f3d830
#f3d830
rgb(243,216,48)
-
#f4dc42
#f4dc42
rgb(244,220,66)
-
#f5df55
#f5df55
rgb(245,223,85)
-
#f6e268
#f6e268
rgb(246,226,104)
-
#f7e67a
#f7e67a
rgb(247,230,122)
-
#f8e98d
#f8e98d
rgb(248,233,141)
-
#f9ed9f
#f9ed9f
rgb(249,237,159)
-
#faf0b2
#faf0b2
rgb(250,240,178)
-
#fcf4c4
#fcf4c4
rgb(252,244,196)
-
#fdf7d7
#fdf7d7
rgb(253,247,215)
-
#fefbe9
#fefbe9
rgb(254,251,233)
-
#fffefc
#fffefc
rgb(255,254,252)
Tones of #f5df55
A tone is produced by adding gray to any pure hue. In this case, #a9a8a1 is the less saturated color, while #fce44e is the most saturated one.
-
#a9a8a1
#a9a8a1
rgb(169,168,161)
-
#b0ad9a
#b0ad9a
rgb(176,173,154)
-
#b7b293
#b7b293
rgb(183,178,147)
-
#beb78c
#beb78c
rgb(190,183,140)
-
#c5bc85
#c5bc85
rgb(197,188,133)
-
#cbc17f
#cbc17f
rgb(203,193,127)
-
#d2c678
#d2c678
rgb(210,198,120)
-
#d9cb71
#d9cb71
rgb(217,203,113)
-
#e0d06a
#e0d06a
rgb(224,208,106)
-
#e7d563
#e7d563
rgb(231,213,99)
-
#eeda5c
#eeda5c
rgb(238,218,92)
-
#f5df55
#f5df55
rgb(245,223,85)
-
#fce44e
#fce44e
rgb(252,228,78)
Color Blindness Simulator
Below, you can see how #f5df55 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.