#f2bc83 Color Information
In a RGB color space, hex #f2bc83 is composed of 94.9% red, 73.7% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.3% magenta, 45.9% yellow and 5.1% black. It has a hue angle of 30.8 degrees, a saturation of 81% and a lightness of 73.1%. #f2bc83 color hex could be obtained by blending #ffffff with #e57907. Closest websafe color is: #ffcc99.
-
- R 95
- G 74
- B 51
-
- C 0
- M 22
- Y 46
- K 5
● #f2bc83 color description : Soft orange.
#f2bc83 Color Conversion
The hexadecimal color #f2bc83 has RGB values of R:242, G:188, B:131 and CMYK values of C:0, M:0.22, Y:0.46, K:0.05. Its decimal value is 15907971.
Hex triplet | f2bc83 | #f2bc83 |
---|---|---|
RGB Decimal | 242, 188, 131 | rgb(242,188,131) |
RGB Percent | 94.9, 73.7, 51.4 | rgb(94.9%,73.7%,51.4%) |
CMYK | 0, 22, 46, 5 | |
HSL | 30.8°, 81, 73.1 | hsl(30.8,81%,73.1%) |
HSV (or HSB) | 30.8°, 45.9, 94.9 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 79.889, 12.479, 36.23 |
---|---|
XYZ | 58.698, 56.485, 29.282 |
xyY | 0.406, 0.391, 56.485 |
CIE-LCH | 79.889, 38.319, 70.995 |
CIE-LUV | 79.889, 39.894, 44.855 |
Hunter-Lab | 75.156, 7.887, 29.509 |
Binary | 11110010, 10111100, 10000011 |
Color Schemes with #f2bc83
Alternatives to #f2bc83
Below, you can see some colors close to #f2bc83. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2bc83 Preview
This text has a font color of #f2bc83.
<span style="color:#f2bc83;">Text here</span>
This paragraph has a background color of #f2bc83.
<p style="background-color:#f2bc83;">Content here</p>
This element has a border color of #f2bc83.
<div style="border:1px solid #f2bc83;">Content here</div>
.text {color:#f2bc83;}
.background {background-color:#f2bc83;}
.border {border:1px solid #f2bc83;}
Shades and Tints of #f2bc83
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, #000000 is the darkest color, while #fdf6ee is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#120a02
#120a02
rgb(18,10,2)
-
#241404
#241404
rgb(36,20,4)
-
#361e06
#361e06
rgb(54,30,6)
-
#472807
#472807
rgb(71,40,7)
-
#593209
#593209
rgb(89,50,9)
-
#6b3c0b
#6b3c0b
rgb(107,60,11)
-
#7d460d
#7d460d
rgb(125,70,13)
-
#8e500f
#8e500f
rgb(142,80,15)
-
#a05a11
#a05a11
rgb(160,90,17)
-
#b26413
#b26413
rgb(178,100,19)
-
#c46e15
#c46e15
rgb(196,110,21)
-
#d57816
#d57816
rgb(213,120,22)
-
#e78218
#e78218
rgb(231,130,24)
-
#e98c2a
#e98c2a
rgb(233,140,42)
-
#eb963c
#eb963c
rgb(235,150,60)
-
#ec9f4e
#ec9f4e
rgb(236,159,78)
-
#eea95f
#eea95f
rgb(238,169,95)
-
#f0b271
#f0b271
rgb(240,178,113)
-
#f2bc83
#f2bc83
rgb(242,188,131)
-
#f4c695
#f4c695
rgb(244,198,149)
-
#f6cfa7
#f6cfa7
rgb(246,207,167)
-
#f8d9b8
#f8d9b8
rgb(248,217,184)
-
#f9e2ca
#f9e2ca
rgb(249,226,202)
-
#fbecdc
#fbecdc
rgb(251,236,220)
-
#fdf6ee
#fdf6ee
rgb(253,246,238)
Tones of #f2bc83
A tone is produced by adding gray to any pure hue. In this case, #bdbbb8 is the less saturated color, while #fdbc78 is the most saturated one.
-
#bdbbb8
#bdbbb8
rgb(189,187,184)
-
#c3bbb2
#c3bbb2
rgb(195,187,178)
-
#c8bbad
#c8bbad
rgb(200,187,173)
-
#cdbba8
#cdbba8
rgb(205,187,168)
-
#d2bba3
#d2bba3
rgb(210,187,163)
-
#d8bb9d
#d8bb9d
rgb(216,187,157)
-
#ddbb98
#ddbb98
rgb(221,187,152)
-
#e2bc93
#e2bc93
rgb(226,188,147)
-
#e7bc8e
#e7bc8e
rgb(231,188,142)
-
#edbc88
#edbc88
rgb(237,188,136)
-
#f2bc83
#f2bc83
rgb(242,188,131)
-
#f7bc7e
#f7bc7e
rgb(247,188,126)
-
#fdbc78
#fdbc78
rgb(253,188,120)
Color Blindness Simulator
Below, you can see how #f2bc83 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.