#f2f563 Color Information
In a RGB color space, hex #f2f563 is composed of 94.9% red, 96.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 1.2% cyan, 0% magenta, 59.6% yellow and 3.9% black. It has a hue angle of 61.2 degrees, a saturation of 88% and a lightness of 67.5%. #f2f563 color hex could be obtained by blending #ffffc6 with #e5eb00. Closest websafe color is: #ffff66.
-
- R 95
- G 96
- B 39
-
- C 1
- M 0
- Y 60
- K 4
● #f2f563 color description : Soft yellow.
#f2f563 Color Conversion
The hexadecimal color #f2f563 has RGB values of R:242, G:245, B:99 and CMYK values of C:0.01, M:0, Y:0.6, K:0.04. Its decimal value is 15922531.
Hex triplet | f2f563 | #f2f563 |
---|---|---|
RGB Decimal | 242, 245, 99 | rgb(242,245,99) |
RGB Percent | 94.9, 96.1, 38.8 | rgb(94.9%,96.1%,38.8%) |
CMYK | 1, 0, 60, 4 | |
HSL | 61.2°, 88, 67.5 | hsl(61.2,88%,67.5%) |
HSV (or HSB) | 61.2°, 59.6, 96.1 | |
Web Safe | ffff66 | #ffff66 |
CIE-LAB | 93.919, -19.007, 67.938 |
---|---|
XYZ | 71.522, 85.084, 24.459 |
xyY | 0.395, 0.47, 85.084 |
CIE-LCH | 93.919, 70.546, 105.63 |
CIE-LUV | 93.919, 4.233, 86.063 |
Hunter-Lab | 92.241, -23.015, 48.847 |
Binary | 11110010, 11110101, 01100011 |
Color Schemes with #f2f563
Alternatives to #f2f563
Below, you can see some colors close to #f2f563. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2f563 Preview
This text has a font color of #f2f563.
<span style="color:#f2f563;">Text here</span>
This paragraph has a background color of #f2f563.
<p style="background-color:#f2f563;">Content here</p>
This element has a border color of #f2f563.
<div style="border:1px solid #f2f563;">Content here</div>
.text {color:#f2f563;}
.background {background-color:#f2f563;}
.border {border:1px solid #f2f563;}
Shades and Tints of #f2f563
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, #0a0a01 is the darkest color, while #fefef6 is the lightest one.
-
#0a0a01
#0a0a01
rgb(10,10,1)
-
#1c1c02
#1c1c02
rgb(28,28,2)
-
#2e2f03
#2e2f03
rgb(46,47,3)
-
#404104
#404104
rgb(64,65,4)
-
#525405
#525405
rgb(82,84,5)
-
#646607
#646607
rgb(100,102,7)
-
#767908
#767908
rgb(118,121,8)
-
#888b09
#888b09
rgb(136,139,9)
-
#9a9d0a
#9a9d0a
rgb(154,157,10)
-
#acb00b
#acb00b
rgb(172,176,11)
-
#bfc20c
#bfc20c
rgb(191,194,12)
-
#d1d50e
#d1d50e
rgb(209,213,14)
-
#e3e70f
#e3e70f
rgb(227,231,15)
-
#ecf019
#ecf019
rgb(236,240,25)
-
#edf12c
#edf12c
rgb(237,241,44)
-
#eff33e
#eff33e
rgb(239,243,62)
-
#f0f451
#f0f451
rgb(240,244,81)
-
#f2f563
#f2f563
rgb(242,245,99)
-
#f4f675
#f4f675
rgb(244,246,117)
-
#f5f788
#f5f788
rgb(245,247,136)
-
#f7f99a
#f7f99a
rgb(247,249,154)
-
#f8faad
#f8faad
rgb(248,250,173)
-
#fafbbf
#fafbbf
rgb(250,251,191)
-
#fbfcd2
#fbfcd2
rgb(251,252,210)
-
#fdfde4
#fdfde4
rgb(253,253,228)
-
#fefef6
#fefef6
rgb(254,254,246)
Tones of #f2f563
A tone is produced by adding gray to any pure hue. In this case, #afafa9 is the less saturated color, while #f8fb5d is the most saturated one.
-
#afafa9
#afafa9
rgb(175,175,169)
-
#b5b5a3
#b5b5a3
rgb(181,181,163)
-
#bbbc9c
#bbbc9c
rgb(187,188,156)
-
#c1c296
#c1c296
rgb(193,194,150)
-
#c7c890
#c7c890
rgb(199,200,144)
-
#cdcf89
#cdcf89
rgb(205,207,137)
-
#d3d583
#d3d583
rgb(211,213,131)
-
#dadb7d
#dadb7d
rgb(218,219,125)
-
#e0e276
#e0e276
rgb(224,226,118)
-
#e6e870
#e6e870
rgb(230,232,112)
-
#ecef69
#ecef69
rgb(236,239,105)
-
#f2f563
#f2f563
rgb(242,245,99)
-
#f8fb5d
#f8fb5d
rgb(248,251,93)
Color Blindness Simulator
Below, you can see how #f2f563 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.