#f6c222 Color Information
In a RGB color space, hex #f6c222 is composed of 96.5% red, 76.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 86.2% yellow and 3.5% black. It has a hue angle of 45.3 degrees, a saturation of 92.2% and a lightness of 54.9%. #f6c222 color hex could be obtained by blending #ffff44 with #ed8500. Closest websafe color is: #ffcc33.
-
- R 96
- G 76
- B 13
-
- C 0
- M 21
- Y 86
- K 4
● #f6c222 color description : Vivid yellow.
#f6c222 Color Conversion
The hexadecimal color #f6c222 has RGB values of R:246, G:194, B:34 and CMYK values of C:0, M:0.21, Y:0.86, K:0.04. Its decimal value is 16171554.
Hex triplet | f6c222 | #f6c222 |
---|---|---|
RGB Decimal | 246, 194, 34 | rgb(246,194,34) |
RGB Percent | 96.5, 76.1, 13.3 | rgb(96.5%,76.1%,13.3%) |
CMYK | 0, 21, 86, 4 | |
HSL | 45.3°, 92.2, 54.9 | hsl(45.3,92.2%,54.9%) |
HSV (or HSB) | 45.3°, 86.2, 96.5 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 80.902, 5.408, 77.651 |
---|---|
XYZ | 57.588, 58.295, 9.732 |
xyY | 0.458, 0.464, 58.295 |
CIE-LCH | 80.902, 77.839, 86.016 |
CIE-LUV | 80.902, 43.97, 81.5 |
Hunter-Lab | 76.351, 1.019, 45.888 |
Binary | 11110110, 11000010, 00100010 |
Color Schemes with #f6c222
Alternatives to #f6c222
Below, you can see some colors close to #f6c222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f6c222 Preview
This text has a font color of #f6c222.
<span style="color:#f6c222;">Text here</span>
This paragraph has a background color of #f6c222.
<p style="background-color:#f6c222;">Content here</p>
This element has a border color of #f6c222.
<div style="border:1px solid #f6c222;">Content here</div>
.text {color:#f6c222;}
.background {background-color:#f6c222;}
.border {border:1px solid #f6c222;}
Shades and Tints of #f6c222
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, #050400 is the darkest color, while #fefbf1 is the lightest one.
-
#050400
#050400
rgb(5,4,0)
-
#181201
#181201
rgb(24,18,1)
-
#2b2102
#2b2102
rgb(43,33,2)
-
#3e2f03
#3e2f03
rgb(62,47,3)
-
#513e03
#513e03
rgb(81,62,3)
-
#634c04
#634c04
rgb(99,76,4)
-
#765a05
#765a05
rgb(118,90,5)
-
#896906
#896906
rgb(137,105,6)
-
#9c7706
#9c7706
rgb(156,119,6)
-
#af8607
#af8607
rgb(175,134,7)
-
#c29408
#c29408
rgb(194,148,8)
-
#d5a309
#d5a309
rgb(213,163,9)
-
#e7b109
#e7b109
rgb(231,177,9)
-
#f5bd0f
#f5bd0f
rgb(245,189,15)
-
#f6c222
#f6c222
rgb(246,194,34)
-
#f7c735
#f7c735
rgb(247,199,53)
-
#f8cc48
#f8cc48
rgb(248,204,72)
-
#f8d25b
#f8d25b
rgb(248,210,91)
-
#f9d76d
#f9d76d
rgb(249,215,109)
-
#fadc80
#fadc80
rgb(250,220,128)
-
#fbe193
#fbe193
rgb(251,225,147)
-
#fbe6a6
#fbe6a6
rgb(251,230,166)
-
#fcecb9
#fcecb9
rgb(252,236,185)
-
#fdf1cc
#fdf1cc
rgb(253,241,204)
-
#fef6de
#fef6de
rgb(254,246,222)
-
#fefbf1
#fefbf1
rgb(254,251,241)
Tones of #f6c222
A tone is produced by adding gray to any pure hue. In this case, #959083 is the less saturated color, while #ffc719 is the most saturated one.
-
#959083
#959083
rgb(149,144,131)
-
#9e957a
#9e957a
rgb(158,149,122)
-
#a69972
#a69972
rgb(166,153,114)
-
#af9e69
#af9e69
rgb(175,158,105)
-
#b8a260
#b8a260
rgb(184,162,96)
-
#c1a757
#c1a757
rgb(193,167,87)
-
#caab4e
#caab4e
rgb(202,171,78)
-
#d3b045
#d3b045
rgb(211,176,69)
-
#dbb43d
#dbb43d
rgb(219,180,61)
-
#e4b934
#e4b934
rgb(228,185,52)
-
#edbd2b
#edbd2b
rgb(237,189,43)
-
#f6c222
#f6c222
rgb(246,194,34)
-
#ffc719
#ffc719
rgb(255,199,25)
Color Blindness Simulator
Below, you can see how #f6c222 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.