#f2f678 Color Information
In a RGB color space, hex #f2f678 is composed of 94.9% red, 96.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 0% magenta, 51.2% yellow and 3.5% black. It has a hue angle of 61.9 degrees, a saturation of 87.5% and a lightness of 71.8%. #f2f678 color hex could be obtained by blending #fffff0 with #e5ed00. Closest websafe color is: #ffff66.
-
- R 95
- G 96
- B 47
-
- C 2
- M 0
- Y 51
- K 4
● #f2f678 color description : Soft yellow.
#f2f678 Color Conversion
The hexadecimal color #f2f678 has RGB values of R:242, G:246, B:120 and CMYK values of C:0.02, M:0, Y:0.51, K:0.04. Its decimal value is 15922808.
Hex triplet | f2f678 | #f2f678 |
---|---|---|
RGB Decimal | 242, 246, 120 | rgb(242,246,120) |
RGB Percent | 94.9, 96.5, 47.1 | rgb(94.9%,96.5%,47.1%) |
CMYK | 2, 0, 51, 4 | |
HSL | 61.9°, 87.5, 71.8 | hsl(61.9,87.5%,71.8%) |
HSV (or HSB) | 61.9°, 51.2, 96.5 | |
Web Safe | ffff66 | #ffff66 |
CIE-LAB | 94.375, -17.935, 59.365 |
---|---|
XYZ | 72.963, 86.146, 30.552 |
xyY | 0.385, 0.454, 86.146 |
CIE-LCH | 94.375, 62.015, 106.811 |
CIE-LUV | 94.375, 3.065, 78.352 |
Hunter-Lab | 92.815, -22.103, 45.453 |
Binary | 11110010, 11110110, 01111000 |
Color Schemes with #f2f678
Alternatives to #f2f678
Below, you can see some colors close to #f2f678. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2f678 Preview
This text has a font color of #f2f678.
<span style="color:#f2f678;">Text here</span>
This paragraph has a background color of #f2f678.
<p style="background-color:#f2f678;">Content here</p>
This element has a border color of #f2f678.
<div style="border:1px solid #f2f678;">Content here</div>
.text {color:#f2f678;}
.background {background-color:#f2f678;}
.border {border:1px solid #f2f678;}
Shades and Tints of #f2f678
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, #0c0c01 is the darkest color, while #fefff9 is the lightest one.
-
#0c0c01
#0c0c01
rgb(12,12,1)
-
#1e1f02
#1e1f02
rgb(30,31,2)
-
#2f3103
#2f3103
rgb(47,49,3)
-
#414304
#414304
rgb(65,67,4)
-
#535606
#535606
rgb(83,86,6)
-
#656807
#656807
rgb(101,104,7)
-
#777a08
#777a08
rgb(119,122,8)
-
#898d09
#898d09
rgb(137,141,9)
-
#9b9f0b
#9b9f0b
rgb(155,159,11)
-
#acb20c
#acb20c
rgb(172,178,12)
-
#bec40d
#bec40d
rgb(190,196,13)
-
#d0d60e
#d0d60e
rgb(208,214,14)
-
#e2e910
#e2e910
rgb(226,233,16)
-
#e9f01c
#e9f01c
rgb(233,240,28)
-
#ebf12e
#ebf12e
rgb(235,241,46)
-
#edf241
#edf241
rgb(237,242,65)
-
#eef453
#eef453
rgb(238,244,83)
-
#f0f566
#f0f566
rgb(240,245,102)
-
#f2f678
#f2f678
rgb(242,246,120)
-
#f4f78a
#f4f78a
rgb(244,247,138)
-
#f6f89d
#f6f89d
rgb(246,248,157)
-
#f7faaf
#f7faaf
rgb(247,250,175)
-
#f9fbc2
#f9fbc2
rgb(249,251,194)
-
#fbfcd4
#fbfcd4
rgb(251,252,212)
-
#fdfde6
#fdfde6
rgb(253,253,230)
-
#fefff9
#fefff9
rgb(254,255,249)
Tones of #f2f678
A tone is produced by adding gray to any pure hue. In this case, #b9b9b5 is the less saturated color, while #f7fc72 is the most saturated one.
-
#b9b9b5
#b9b9b5
rgb(185,185,181)
-
#bebfaf
#bebfaf
rgb(190,191,175)
-
#c3c4aa
#c3c4aa
rgb(195,196,170)
-
#c9caa4
#c9caa4
rgb(201,202,164)
-
#cecf9f
#cecf9f
rgb(206,207,159)
-
#d3d599
#d3d599
rgb(211,213,153)
-
#d8da94
#d8da94
rgb(216,218,148)
-
#dde08e
#dde08e
rgb(221,224,142)
-
#e2e589
#e2e589
rgb(226,229,137)
-
#e8eb83
#e8eb83
rgb(232,235,131)
-
#edf07e
#edf07e
rgb(237,240,126)
-
#f2f678
#f2f678
rgb(242,246,120)
-
#f7fc72
#f7fc72
rgb(247,252,114)
Color Blindness Simulator
Below, you can see how #f2f678 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.