#f2c84c Color Information
In a RGB color space, hex #f2c84c is composed of 94.9% red, 78.4% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.4% magenta, 68.6% yellow and 5.1% black. It has a hue angle of 44.8 degrees, a saturation of 86.5% and a lightness of 62.4%. #f2c84c color hex could be obtained by blending #ffff98 with #e59100. Closest websafe color is: #ffcc33.
-
- R 95
- G 78
- B 30
-
- C 0
- M 17
- Y 69
- K 5
● #f2c84c color description : Soft orange.
#f2c84c Color Conversion
The hexadecimal color #f2c84c has RGB values of R:242, G:200, B:76 and CMYK values of C:0, M:0.17, Y:0.69, K:0.05. Its decimal value is 15910988.
Hex triplet | f2c84c | #f2c84c |
---|---|---|
RGB Decimal | 242, 200, 76 | rgb(242,200,76) |
RGB Percent | 94.9, 78.4, 29.8 | rgb(94.9%,78.4%,29.8%) |
CMYK | 0, 17, 69, 5 | |
HSL | 44.8°, 86.5, 62.4 | hsl(44.8,86.5%,62.4%) |
HSV (or HSB) | 44.8°, 68.6, 94.9 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 82.223, 2.128, 64.988 |
---|---|
XYZ | 58.577, 60.71, 15.47 |
xyY | 0.435, 0.451, 60.71 |
CIE-LCH | 82.223, 65.023, 88.125 |
CIE-LUV | 82.223, 35.126, 74.439 |
Hunter-Lab | 77.917, -2.159, 42.77 |
Binary | 11110010, 11001000, 01001100 |
Color Schemes with #f2c84c
Alternatives to #f2c84c
Below, you can see some colors close to #f2c84c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2c84c Preview
This text has a font color of #f2c84c.
<span style="color:#f2c84c;">Text here</span>
This paragraph has a background color of #f2c84c.
<p style="background-color:#f2c84c;">Content here</p>
This element has a border color of #f2c84c.
<div style="border:1px solid #f2c84c;">Content here</div>
.text {color:#f2c84c;}
.background {background-color:#f2c84c;}
.border {border:1px solid #f2c84c;}
Shades and Tints of #f2c84c
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, #040300 is the darkest color, while #fefbf1 is the lightest one.
-
#040300
#040300
rgb(4,3,0)
-
#161102
#161102
rgb(22,17,2)
-
#281f03
#281f03
rgb(40,31,3)
-
#3b2d04
#3b2d04
rgb(59,45,4)
-
#4d3b06
#4d3b06
rgb(77,59,6)
-
#5f4907
#5f4907
rgb(95,73,7)
-
#725708
#725708
rgb(114,87,8)
-
#84650a
#84650a
rgb(132,101,10)
-
#96730b
#96730b
rgb(150,115,11)
-
#a8810c
#a8810c
rgb(168,129,12)
-
#bb8f0e
#bb8f0e
rgb(187,143,14)
-
#cd9d0f
#cd9d0f
rgb(205,157,15)
-
#dfab10
#dfab10
rgb(223,171,16)
-
#eeb715
#eeb715
rgb(238,183,21)
-
#efbd27
#efbd27
rgb(239,189,39)
-
#f1c23a
#f1c23a
rgb(241,194,58)
-
#f2c84c
#f2c84c
rgb(242,200,76)
-
#f3ce5e
#f3ce5e
rgb(243,206,94)
-
#f5d371
#f5d371
rgb(245,211,113)
-
#f6d983
#f6d983
rgb(246,217,131)
-
#f7de95
#f7de95
rgb(247,222,149)
-
#f9e4a7
#f9e4a7
rgb(249,228,167)
-
#faeaba
#faeaba
rgb(250,234,186)
-
#fbefcc
#fbefcc
rgb(251,239,204)
-
#fdf5de
#fdf5de
rgb(253,245,222)
-
#fefbf1
#fefbf1
rgb(254,251,241)
Tones of #f2c84c
A tone is produced by adding gray to any pure hue. In this case, #a1a09d is the less saturated color, while #f9cc45 is the most saturated one.
-
#a1a09d
#a1a09d
rgb(161,160,157)
-
#a8a496
#a8a496
rgb(168,164,150)
-
#b0a78e
#b0a78e
rgb(176,167,142)
-
#b7ab87
#b7ab87
rgb(183,171,135)
-
#beae80
#beae80
rgb(190,174,128)
-
#c6b278
#c6b278
rgb(198,178,120)
-
#cdb671
#cdb671
rgb(205,182,113)
-
#d4b96a
#d4b96a
rgb(212,185,106)
-
#dcbd62
#dcbd62
rgb(220,189,98)
-
#e3c15b
#e3c15b
rgb(227,193,91)
-
#ebc453
#ebc453
rgb(235,196,83)
-
#f2c84c
#f2c84c
rgb(242,200,76)
-
#f9cc45
#f9cc45
rgb(249,204,69)
Color Blindness Simulator
Below, you can see how #f2c84c 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.