#f2df55 Color Information
In a RGB color space, hex #f2df55 is composed of 94.9% red, 87.5% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.9% magenta, 64.9% yellow and 5.1% black. It has a hue angle of 52.7 degrees, a saturation of 85.8% and a lightness of 64.1%. #f2df55 color hex could be obtained by blending #ffffaa with #e5bf00. Closest websafe color is: #ffcc66.
-
- R 95
- G 87
- B 33
-
- C 0
- M 8
- Y 65
- K 5
● #f2df55 color description : Soft yellow.
#f2df55 Color Conversion
The hexadecimal color #f2df55 has RGB values of R:242, G:223, B:85 and CMYK values of C:0, M:0.08, Y:0.65, K:0.05. Its decimal value is 15916885.
Hex triplet | f2df55 | #f2df55 |
---|---|---|
RGB Decimal | 242, 223, 85 | rgb(242,223,85) |
RGB Percent | 94.9, 87.5, 33.3 | rgb(94.9%,87.5%,33.3%) |
CMYK | 0, 8, 65, 5 | |
HSL | 52.7°, 85.8, 64.1 | hsl(52.7,85.8%,64.1%) |
HSV (or HSB) | 52.7°, 64.9, 94.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 88.118, -9.069, 67.466 |
---|---|
XYZ | 64.646, 72.31, 19.146 |
xyY | 0.414, 0.463, 72.31 |
CIE-LCH | 88.118, 68.073, 97.656 |
CIE-LUV | 88.118, 18.835, 81.29 |
Hunter-Lab | 85.035, -13.113, 46.175 |
Binary | 11110010, 11011111, 01010101 |
Color Schemes with #f2df55
Alternatives to #f2df55
Below, you can see some colors close to #f2df55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2df55 Preview
This text has a font color of #f2df55.
<span style="color:#f2df55;">Text here</span>
This paragraph has a background color of #f2df55.
<p style="background-color:#f2df55;">Content here</p>
This element has a border color of #f2df55.
<div style="border:1px solid #f2df55;">Content here</div>
.text {color:#f2df55;}
.background {background-color:#f2df55;}
.border {border:1px solid #f2df55;}
Shades and Tints of #f2df55
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, #0c0b01 is the darkest color, while #fffef9 is the lightest one.
-
#0c0b01
#0c0b01
rgb(12,11,1)
-
#1e1b02
#1e1b02
rgb(30,27,2)
-
#312b04
#312b04
rgb(49,43,4)
-
#433b05
#433b05
rgb(67,59,5)
-
#554c07
#554c07
rgb(85,76,7)
-
#675c08
#675c08
rgb(103,92,8)
-
#7a6c09
#7a6c09
rgb(122,108,9)
-
#8c7c0b
#8c7c0b
rgb(140,124,11)
-
#9e8c0c
#9e8c0c
rgb(158,140,12)
-
#b09d0d
#b09d0d
rgb(176,157,13)
-
#c2ad0f
#c2ad0f
rgb(194,173,15)
-
#d5bd10
#d5bd10
rgb(213,189,16)
-
#e7cd12
#e7cd12
rgb(231,205,18)
-
#eed51e
#eed51e
rgb(238,213,30)
-
#efd831
#efd831
rgb(239,216,49)
-
#f1dc43
#f1dc43
rgb(241,220,67)
-
#f2df55
#f2df55
rgb(242,223,85)
-
#f3e267
#f3e267
rgb(243,226,103)
-
#f5e679
#f5e679
rgb(245,230,121)
-
#f6e98c
#f6e98c
rgb(246,233,140)
-
#f8ed9e
#f8ed9e
rgb(248,237,158)
-
#f9f0b0
#f9f0b0
rgb(249,240,176)
-
#faf4c2
#faf4c2
rgb(250,244,194)
-
#fcf7d5
#fcf7d5
rgb(252,247,213)
-
#fdfae7
#fdfae7
rgb(253,250,231)
-
#fffef9
#fffef9
rgb(255,254,249)
Tones of #f2df55
A tone is produced by adding gray to any pure hue. In this case, #a5a4a2 is the less saturated color, while #f9e44e is the most saturated one.
-
#a5a4a2
#a5a4a2
rgb(165,164,162)
-
#acaa9b
#acaa9b
rgb(172,170,155)
-
#b3af94
#b3af94
rgb(179,175,148)
-
#bab48d
#bab48d
rgb(186,180,141)
-
#c1ba86
#c1ba86
rgb(193,186,134)
-
#c8bf7f
#c8bf7f
rgb(200,191,127)
-
#cfc478
#cfc478
rgb(207,196,120)
-
#d6ca71
#d6ca71
rgb(214,202,113)
-
#ddcf6a
#ddcf6a
rgb(221,207,106)
-
#e4d463
#e4d463
rgb(228,212,99)
-
#ebda5c
#ebda5c
rgb(235,218,92)
-
#f2df55
#f2df55
rgb(242,223,85)
-
#f9e44e
#f9e44e
rgb(249,228,78)
Color Blindness Simulator
Below, you can see how #f2df55 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.