#f2bc6c Color Information
In a RGB color space, hex #f2bc6c is composed of 94.9% red, 73.7% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.3% magenta, 55.4% yellow and 5.1% black. It has a hue angle of 35.8 degrees, a saturation of 83.8% and a lightness of 68.6%. #f2bc6c color hex could be obtained by blending #ffffd8 with #e57900. Closest websafe color is: #ffcc66.
-
- R 95
- G 74
- B 42
-
- C 0
- M 22
- Y 55
- K 5
● #f2bc6c color description : Soft orange.
#f2bc6c Color Conversion
The hexadecimal color #f2bc6c has RGB values of R:242, G:188, B:108 and CMYK values of C:0, M:0.22, Y:0.55, K:0.05. Its decimal value is 15907948.
Hex triplet | f2bc6c | #f2bc6c |
---|---|---|
RGB Decimal | 242, 188, 108 | rgb(242,188,108) |
RGB Percent | 94.9, 73.7, 42.4 | rgb(94.9%,73.7%,42.4%) |
CMYK | 0, 22, 55, 5 | |
HSL | 35.8°, 83.8, 68.6 | hsl(35.8,83.8%,68.6%) |
HSV (or HSB) | 35.8°, 55.4, 94.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 79.573, 10.452, 47.487 |
---|---|
XYZ | 57.308, 55.929, 21.963 |
xyY | 0.424, 0.414, 55.929 |
CIE-LCH | 79.573, 48.624, 77.587 |
CIE-LUV | 79.573, 41.808, 56.725 |
Hunter-Lab | 74.786, 5.91, 34.937 |
Binary | 11110010, 10111100, 01101100 |
Color Schemes with #f2bc6c
Alternatives to #f2bc6c
Below, you can see some colors close to #f2bc6c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2bc6c Preview
This text has a font color of #f2bc6c.
<span style="color:#f2bc6c;">Text here</span>
This paragraph has a background color of #f2bc6c.
<p style="background-color:#f2bc6c;">Content here</p>
This element has a border color of #f2bc6c.
<div style="border:1px solid #f2bc6c;">Content here</div>
.text {color:#f2bc6c;}
.background {background-color:#f2bc6c;}
.border {border:1px solid #f2bc6c;}
Shades and Tints of #f2bc6c
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, #0f0a01 is the darkest color, while #fffefc is the lightest one.
-
#0f0a01
#0f0a01
rgb(15,10,1)
-
#211503
#211503
rgb(33,21,3)
-
#332005
#332005
rgb(51,32,5)
-
#452c06
#452c06
rgb(69,44,6)
-
#573708
#573708
rgb(87,55,8)
-
#694309
#694309
rgb(105,67,9)
-
#7b4e0b
#7b4e0b
rgb(123,78,11)
-
#8d590d
#8d590d
rgb(141,89,13)
-
#9f650e
#9f650e
rgb(159,101,14)
-
#b17010
#b17010
rgb(177,112,16)
-
#c37c11
#c37c11
rgb(195,124,17)
-
#d58713
#d58713
rgb(213,135,19)
-
#e79214
#e79214
rgb(231,146,20)
-
#ec9b24
#ec9b24
rgb(236,155,36)
-
#eda336
#eda336
rgb(237,163,54)
-
#efac48
#efac48
rgb(239,172,72)
-
#f0b45a
#f0b45a
rgb(240,180,90)
-
#f2bc6c
#f2bc6c
rgb(242,188,108)
-
#f4c47e
#f4c47e
rgb(244,196,126)
-
#f5cc90
#f5cc90
rgb(245,204,144)
-
#f7d5a2
#f7d5a2
rgb(247,213,162)
-
#f8ddb4
#f8ddb4
rgb(248,221,180)
-
#fae5c6
#fae5c6
rgb(250,229,198)
-
#fcedd8
#fcedd8
rgb(252,237,216)
-
#fdf5ea
#fdf5ea
rgb(253,245,234)
-
#fffefc
#fffefc
rgb(255,254,252)
Tones of #f2bc6c
A tone is produced by adding gray to any pure hue. In this case, #b4b0aa is the less saturated color, while #febe60 is the most saturated one.
-
#b4b0aa
#b4b0aa
rgb(180,176,170)
-
#bbb1a3
#bbb1a3
rgb(187,177,163)
-
#c1b29d
#c1b29d
rgb(193,178,157)
-
#c7b497
#c7b497
rgb(199,180,151)
-
#cdb591
#cdb591
rgb(205,181,145)
-
#d3b68b
#d3b68b
rgb(211,182,139)
-
#d9b785
#d9b785
rgb(217,183,133)
-
#e0b87e
#e0b87e
rgb(224,184,126)
-
#e6ba78
#e6ba78
rgb(230,186,120)
-
#ecbb72
#ecbb72
rgb(236,187,114)
-
#f2bc6c
#f2bc6c
rgb(242,188,108)
-
#f8bd66
#f8bd66
rgb(248,189,102)
-
#febe60
#febe60
rgb(254,190,96)
Color Blindness Simulator
Below, you can see how #f2bc6c 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.