#f2c77c Color Information
In a RGB color space, hex #f2c77c is composed of 94.9% red, 78% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 48.8% yellow and 5.1% black. It has a hue angle of 38.1 degrees, a saturation of 81.9% and a lightness of 71.8%. #f2c77c color hex could be obtained by blending #fffff8 with #e58f00. Closest websafe color is: #ffcc66.
-
- R 95
- G 78
- B 49
-
- C 0
- M 18
- Y 49
- K 5
● #f2c77c color description : Soft orange.
#f2c77c Color Conversion
The hexadecimal color #f2c77c has RGB values of R:242, G:199, B:124 and CMYK values of C:0, M:0.18, Y:0.49, K:0.05. Its decimal value is 15910780.
Hex triplet | f2c77c | #f2c77c |
---|---|---|
RGB Decimal | 242, 199, 124 | rgb(242,199,124) |
RGB Percent | 94.9, 78, 48.6 | rgb(94.9%,78%,48.6%) |
CMYK | 0, 18, 49, 5 | |
HSL | 38.1°, 81.9, 71.8 | hsl(38.1,81.9%,71.8%) |
HSV (or HSB) | 38.1°, 48.8, 94.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 82.476, 6.065, 43.089 |
---|---|
XYZ | 60.68, 61.182, 27.681 |
xyY | 0.406, 0.409, 61.182 |
CIE-LCH | 82.476, 43.514, 81.988 |
CIE-LUV | 82.476, 33.054, 54.063 |
Hunter-Lab | 78.219, 1.592, 33.771 |
Binary | 11110010, 11000111, 01111100 |
Color Schemes with #f2c77c
Alternatives to #f2c77c
Below, you can see some colors close to #f2c77c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2c77c Preview
This text has a font color of #f2c77c.
<span style="color:#f2c77c;">Text here</span>
This paragraph has a background color of #f2c77c.
<p style="background-color:#f2c77c;">Content here</p>
This element has a border color of #f2c77c.
<div style="border:1px solid #f2c77c;">Content here</div>
.text {color:#f2c77c;}
.background {background-color:#f2c77c;}
.border {border:1px solid #f2c77c;}
Shades and Tints of #f2c77c
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, #0c0801 is the darkest color, while #fefcf9 is the lightest one.
-
#0c0801
#0c0801
rgb(12,8,1)
-
#1e1403
#1e1403
rgb(30,20,3)
-
#2f2005
#2f2005
rgb(47,32,5)
-
#412c06
#412c06
rgb(65,44,6)
-
#533808
#533808
rgb(83,56,8)
-
#65440a
#65440a
rgb(101,68,10)
-
#77500c
#77500c
rgb(119,80,12)
-
#895c0e
#895c0e
rgb(137,92,14)
-
#9b680f
#9b680f
rgb(155,104,15)
-
#ac7411
#ac7411
rgb(172,116,17)
-
#be8013
#be8013
rgb(190,128,19)
-
#d08c15
#d08c15
rgb(208,140,21)
-
#e29816
#e29816
rgb(226,152,22)
-
#e9a123
#e9a123
rgb(233,161,35)
-
#eba835
#eba835
rgb(235,168,53)
-
#edb046
#edb046
rgb(237,176,70)
-
#eeb858
#eeb858
rgb(238,184,88)
-
#f0bf6a
#f0bf6a
rgb(240,191,106)
-
#f2c77c
#f2c77c
rgb(242,199,124)
-
#f4cf8e
#f4cf8e
rgb(244,207,142)
-
#f6d6a0
#f6d6a0
rgb(246,214,160)
-
#f7deb2
#f7deb2
rgb(247,222,178)
-
#f9e6c3
#f9e6c3
rgb(249,230,195)
-
#fbedd5
#fbedd5
rgb(251,237,213)
-
#fdf5e7
#fdf5e7
rgb(253,245,231)
-
#fefcf9
#fefcf9
rgb(254,252,249)
Tones of #f2c77c
A tone is produced by adding gray to any pure hue. In this case, #bbb8b3 is the less saturated color, while #fdca71 is the most saturated one.
-
#bbb8b3
#bbb8b3
rgb(187,184,179)
-
#c0b9ae
#c0b9ae
rgb(192,185,174)
-
#c6bba8
#c6bba8
rgb(198,187,168)
-
#cbbca3
#cbbca3
rgb(203,188,163)
-
#d1be9d
#d1be9d
rgb(209,190,157)
-
#d6bf98
#d6bf98
rgb(214,191,152)
-
#dcc192
#dcc192
rgb(220,193,146)
-
#e1c28d
#e1c28d
rgb(225,194,141)
-
#e7c487
#e7c487
rgb(231,196,135)
-
#ecc582
#ecc582
rgb(236,197,130)
-
#f2c77c
#f2c77c
rgb(242,199,124)
-
#f8c976
#f8c976
rgb(248,201,118)
-
#fdca71
#fdca71
rgb(253,202,113)
Color Blindness Simulator
Below, you can see how #f2c77c 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.