#f2c77f Color Information
In a RGB color space, hex #f2c77f is composed of 94.9% red, 78% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 47.5% yellow and 5.1% black. It has a hue angle of 37.6 degrees, a saturation of 81.6% and a lightness of 72.4%. #f2c77f color hex could be obtained by blending #fffffe with #e58f00. Closest websafe color is: #ffcc66.
-
- R 95
- G 78
- B 50
-
- C 0
- M 18
- Y 48
- K 5
● #f2c77f color description : Soft orange.
#f2c77f Color Conversion
The hexadecimal color #f2c77f has RGB values of R:242, G:199, B:127 and CMYK values of C:0, M:0.18, Y:0.48, K:0.05. Its decimal value is 15910783.
Hex triplet | f2c77f | #f2c77f |
---|---|---|
RGB Decimal | 242, 199, 127 | rgb(242,199,127) |
RGB Percent | 94.9, 78, 49.8 | rgb(94.9%,78%,49.8%) |
CMYK | 0, 18, 48, 5 | |
HSL | 37.6°, 81.6, 72.4 | hsl(37.6,81.6%,72.4%) |
HSV (or HSB) | 37.6°, 47.5, 94.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 82.518, 6.342, 41.631 |
---|---|
XYZ | 60.872, 61.259, 28.695 |
xyY | 0.404, 0.406, 61.259 |
CIE-LCH | 82.518, 42.111, 81.338 |
CIE-LUV | 82.518, 32.835, 52.494 |
Hunter-Lab | 78.268, 1.858, 33.05 |
Binary | 11110010, 11000111, 01111111 |
Color Schemes with #f2c77f
Alternatives to #f2c77f
Below, you can see some colors close to #f2c77f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2c77f Preview
This text has a font color of #f2c77f.
<span style="color:#f2c77f;">Text here</span>
This paragraph has a background color of #f2c77f.
<p style="background-color:#f2c77f;">Content here</p>
This element has a border color of #f2c77f.
<div style="border:1px solid #f2c77f;">Content here</div>
.text {color:#f2c77f;}
.background {background-color:#f2c77f;}
.border {border:1px solid #f2c77f;}
Shades and Tints of #f2c77f
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, #0e0a01 is the darkest color, while #fffefc is the lightest one.
-
#0e0a01
#0e0a01
rgb(14,10,1)
-
#201503
#201503
rgb(32,21,3)
-
#322105
#322105
rgb(50,33,5)
-
#442d07
#442d07
rgb(68,45,7)
-
#563909
#563909
rgb(86,57,9)
-
#67450b
#67450b
rgb(103,69,11)
-
#79510c
#79510c
rgb(121,81,12)
-
#8b5c0e
#8b5c0e
rgb(139,92,14)
-
#9d6810
#9d6810
rgb(157,104,16)
-
#af7412
#af7412
rgb(175,116,18)
-
#c18014
#c18014
rgb(193,128,20)
-
#d28c15
#d28c15
rgb(210,140,21)
-
#e49717
#e49717
rgb(228,151,23)
-
#e9a026
#e9a026
rgb(233,160,38)
-
#eba838
#eba838
rgb(235,168,56)
-
#edb04a
#edb04a
rgb(237,176,74)
-
#eeb75b
#eeb75b
rgb(238,183,91)
-
#f0bf6d
#f0bf6d
rgb(240,191,109)
-
#f2c77f
#f2c77f
rgb(242,199,127)
-
#f4cf91
#f4cf91
rgb(244,207,145)
-
#f6d7a3
#f6d7a3
rgb(246,215,163)
-
#f7deb4
#f7deb4
rgb(247,222,180)
-
#f9e6c6
#f9e6c6
rgb(249,230,198)
-
#fbeed8
#fbeed8
rgb(251,238,216)
-
#fdf6ea
#fdf6ea
rgb(253,246,234)
-
#fffefc
#fffefc
rgb(255,254,252)
Tones of #f2c77f
A tone is produced by adding gray to any pure hue. In this case, #bcb9b5 is the less saturated color, while #fdca74 is the most saturated one.
-
#bcb9b5
#bcb9b5
rgb(188,185,181)
-
#c1bbb0
#c1bbb0
rgb(193,187,176)
-
#c7bcaa
#c7bcaa
rgb(199,188,170)
-
#ccbda5
#ccbda5
rgb(204,189,165)
-
#d1bfa0
#d1bfa0
rgb(209,191,160)
-
#d7c09a
#d7c09a
rgb(215,192,154)
-
#dcc295
#dcc295
rgb(220,194,149)
-
#e2c38f
#e2c38f
rgb(226,195,143)
-
#e7c48a
#e7c48a
rgb(231,196,138)
-
#edc684
#edc684
rgb(237,198,132)
-
#f2c77f
#f2c77f
rgb(242,199,127)
-
#f7c87a
#f7c87a
rgb(247,200,122)
-
#fdca74
#fdca74
rgb(253,202,116)
Color Blindness Simulator
Below, you can see how #f2c77f 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.