#f3bc4f Color Information
In a RGB color space, hex #f3bc4f is composed of 95.3% red, 73.7% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.6% magenta, 67.5% yellow and 4.7% black. It has a hue angle of 39.9 degrees, a saturation of 87.2% and a lightness of 63.1%. #f3bc4f color hex could be obtained by blending #ffff9e with #e77900. Closest websafe color is: #ffcc66.
-
- R 95
- G 74
- B 31
-
- C 0
- M 23
- Y 67
- K 5
● #f3bc4f color description : Soft orange.
#f3bc4f Color Conversion
The hexadecimal color #f3bc4f has RGB values of R:243, G:188, B:79 and CMYK values of C:0, M:0.23, Y:0.67, K:0.05. Its decimal value is 15973455.
Hex triplet | f3bc4f | #f3bc4f |
---|---|---|
RGB Decimal | 243, 188, 79 | rgb(243,188,79) |
RGB Percent | 95.3, 73.7, 31 | rgb(95.3%,73.7%,31%) |
CMYK | 0, 23, 67, 5 | |
HSL | 39.9°, 87.2, 63.1 | hsl(39.9,87.2%,63.1%) |
HSV (or HSB) | 39.9°, 67.5, 95.3 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 79.379, 8.94, 60.791 |
---|---|
XYZ | 56.357, 55.588, 15.158 |
xyY | 0.443, 0.437, 55.588 |
CIE-LCH | 79.379, 61.445, 81.634 |
CIE-LUV | 79.379, 44.468, 68.482 |
Hunter-Lab | 74.558, 4.451, 40.136 |
Binary | 11110011, 10111100, 01001111 |
Color Schemes with #f3bc4f
Alternatives to #f3bc4f
Below, you can see some colors close to #f3bc4f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f3bc4f Preview
This text has a font color of #f3bc4f.
<span style="color:#f3bc4f;">Text here</span>
This paragraph has a background color of #f3bc4f.
<p style="background-color:#f3bc4f;">Content here</p>
This element has a border color of #f3bc4f.
<div style="border:1px solid #f3bc4f;">Content here</div>
.text {color:#f3bc4f;}
.background {background-color:#f3bc4f;}
.border {border:1px solid #f3bc4f;}
Shades and Tints of #f3bc4f
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, #080501 is the darkest color, while #fefbf4 is the lightest one.
-
#080501
#080501
rgb(8,5,1)
-
#1a1202
#1a1202
rgb(26,18,2)
-
#2c1e03
#2c1e03
rgb(44,30,3)
-
#3f2b04
#3f2b04
rgb(63,43,4)
-
#513806
#513806
rgb(81,56,6)
-
#634407
#634407
rgb(99,68,7)
-
#765108
#765108
rgb(118,81,8)
-
#885e09
#885e09
rgb(136,94,9)
-
#9b6a0b
#9b6a0b
rgb(155,106,11)
-
#ad770c
#ad770c
rgb(173,119,12)
-
#bf830d
#bf830d
rgb(191,131,13)
-
#d2900e
#d2900e
rgb(210,144,14)
-
#e49d10
#e49d10
rgb(228,157,16)
-
#efa718
#efa718
rgb(239,167,24)
-
#f0ae2a
#f0ae2a
rgb(240,174,42)
-
#f2b53d
#f2b53d
rgb(242,181,61)
-
#f3bc4f
#f3bc4f
rgb(243,188,79)
-
#f4c361
#f4c361
rgb(244,195,97)
-
#f6ca74
#f6ca74
rgb(246,202,116)
-
#f7d186
#f7d186
rgb(247,209,134)
-
#f8d898
#f8d898
rgb(248,216,152)
-
#f9dfab
#f9dfab
rgb(249,223,171)
-
#fbe6bd
#fbe6bd
rgb(251,230,189)
-
#fcedd0
#fcedd0
rgb(252,237,208)
-
#fdf4e2
#fdf4e2
rgb(253,244,226)
-
#fefbf4
#fefbf4
rgb(254,251,244)
Tones of #f3bc4f
A tone is produced by adding gray to any pure hue. In this case, #a3a29f is the less saturated color, while #fabe48 is the most saturated one.
-
#a3a29f
#a3a29f
rgb(163,162,159)
-
#aba497
#aba497
rgb(171,164,151)
-
#b2a790
#b2a790
rgb(178,167,144)
-
#b9a989
#b9a989
rgb(185,169,137)
-
#c0ab82
#c0ab82
rgb(192,171,130)
-
#c8ae7a
#c8ae7a
rgb(200,174,122)
-
#cfb073
#cfb073
rgb(207,176,115)
-
#d6b26c
#d6b26c
rgb(214,178,108)
-
#ddb565
#ddb565
rgb(221,181,101)
-
#e5b75d
#e5b75d
rgb(229,183,93)
-
#ecba56
#ecba56
rgb(236,186,86)
-
#f3bc4f
#f3bc4f
rgb(243,188,79)
-
#fabe48
#fabe48
rgb(250,190,72)
Color Blindness Simulator
Below, you can see how #f3bc4f 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.