#f2c77e Color Information
In a RGB color space, hex #f2c77e is composed of 94.9% red, 78% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 47.9% yellow and 5.1% black. It has a hue angle of 37.8 degrees, a saturation of 81.7% and a lightness of 72.2%. #f2c77e color hex could be obtained by blending #fffffc with #e58f00. Closest websafe color is: #ffcc66.
-
- R 95
- G 78
- B 49
-
- C 0
- M 18
- Y 48
- K 5
● #f2c77e color description : Soft orange.
#f2c77e Color Conversion
The hexadecimal color #f2c77e has RGB values of R:242, G:199, B:126 and CMYK values of C:0, M:0.18, Y:0.48, K:0.05. Its decimal value is 15910782.
Hex triplet | f2c77e | #f2c77e |
---|---|---|
RGB Decimal | 242, 199, 126 | rgb(242,199,126) |
RGB Percent | 94.9, 78, 49.4 | rgb(94.9%,78%,49.4%) |
CMYK | 0, 18, 48, 5 | |
HSL | 37.8°, 81.7, 72.2 | hsl(37.8,81.7%,72.2%) |
HSV (or HSB) | 37.8°, 47.9, 94.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 82.504, 6.249, 42.118 |
---|---|
XYZ | 60.807, 61.233, 28.354 |
xyY | 0.404, 0.407, 61.233 |
CIE-LCH | 82.504, 42.579, 81.561 |
CIE-LUV | 82.504, 32.908, 53.021 |
Hunter-Lab | 78.251, 1.769, 33.293 |
Binary | 11110010, 11000111, 01111110 |
Color Schemes with #f2c77e
Alternatives to #f2c77e
Below, you can see some colors close to #f2c77e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2c77e Preview
This text has a font color of #f2c77e.
<span style="color:#f2c77e;">Text here</span>
This paragraph has a background color of #f2c77e.
<p style="background-color:#f2c77e;">Content here</p>
This element has a border color of #f2c77e.
<div style="border:1px solid #f2c77e;">Content here</div>
.text {color:#f2c77e;}
.background {background-color:#f2c77e;}
.border {border:1px solid #f2c77e;}
Shades and Tints of #f2c77e
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, #0e0901 is the darkest color, while #fffdfb is the lightest one.
-
#0e0901
#0e0901
rgb(14,9,1)
-
#1f1503
#1f1503
rgb(31,21,3)
-
#312105
#312105
rgb(49,33,5)
-
#432d07
#432d07
rgb(67,45,7)
-
#553909
#553909
rgb(85,57,9)
-
#67440a
#67440a
rgb(103,68,10)
-
#78500c
#78500c
rgb(120,80,12)
-
#8a5c0e
#8a5c0e
rgb(138,92,14)
-
#9c6810
#9c6810
rgb(156,104,16)
-
#ae7412
#ae7412
rgb(174,116,18)
-
#c08013
#c08013
rgb(192,128,19)
-
#d28c15
#d28c15
rgb(210,140,21)
-
#e39817
#e39817
rgb(227,152,23)
-
#e9a025
#e9a025
rgb(233,160,37)
-
#eba837
#eba837
rgb(235,168,55)
-
#edb049
#edb049
rgb(237,176,73)
-
#eeb85a
#eeb85a
rgb(238,184,90)
-
#f0bf6c
#f0bf6c
rgb(240,191,108)
-
#f2c77e
#f2c77e
rgb(242,199,126)
-
#f4cf90
#f4cf90
rgb(244,207,144)
-
#f6d6a2
#f6d6a2
rgb(246,214,162)
-
#f7deb3
#f7deb3
rgb(247,222,179)
-
#f9e6c5
#f9e6c5
rgb(249,230,197)
-
#fbeed7
#fbeed7
rgb(251,238,215)
-
#fdf5e9
#fdf5e9
rgb(253,245,233)
-
#fffdfb
#fffdfb
rgb(255,253,251)
Tones of #f2c77e
A tone is produced by adding gray to any pure hue. In this case, #bbb9b5 is the less saturated color, while #fdca73 is the most saturated one.
-
#bbb9b5
#bbb9b5
rgb(187,185,181)
-
#c1baaf
#c1baaf
rgb(193,186,175)
-
#c6bcaa
#c6bcaa
rgb(198,188,170)
-
#ccbda4
#ccbda4
rgb(204,189,164)
-
#d1bf9f
#d1bf9f
rgb(209,191,159)
-
#d7c099
#d7c099
rgb(215,192,153)
-
#dcc194
#dcc194
rgb(220,193,148)
-
#e2c38e
#e2c38e
rgb(226,195,142)
-
#e7c489
#e7c489
rgb(231,196,137)
-
#edc683
#edc683
rgb(237,198,131)
-
#f2c77e
#f2c77e
rgb(242,199,126)
-
#f7c879
#f7c879
rgb(247,200,121)
-
#fdca73
#fdca73
rgb(253,202,115)
Color Blindness Simulator
Below, you can see how #f2c77e 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.