#f3c159 Color Information
In a RGB color space, hex #f3c159 is composed of 95.3% red, 75.7% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 63.4% yellow and 4.7% black. It has a hue angle of 40.5 degrees, a saturation of 86.5% and a lightness of 65.1%. #f3c159 color hex could be obtained by blending #ffffb2 with #e78300. Closest websafe color is: #ffcc66.
-
- R 95
- G 76
- B 35
-
- C 0
- M 21
- Y 63
- K 5
● #f3c159 color description : Soft orange.
#f3c159 Color Conversion
The hexadecimal color #f3c159 has RGB values of R:243, G:193, B:89 and CMYK values of C:0, M:0.21, Y:0.63, K:0.05. Its decimal value is 15974745.
Hex triplet | f3c159 | #f3c159 |
---|---|---|
RGB Decimal | 243, 193, 89 | rgb(243,193,89) |
RGB Percent | 95.3, 75.7, 34.9 | rgb(95.3%,75.7%,34.9%) |
CMYK | 0, 21, 63, 5 | |
HSL | 40.5°, 86.5, 65.1 | hsl(40.5,86.5%,65.1%) |
HSV (or HSB) | 40.5°, 63.4, 95.3 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 80.693, 6.916, 57.8 |
---|---|
XYZ | 57.836, 57.919, 17.584 |
xyY | 0.434, 0.434, 57.919 |
CIE-LCH | 80.693, 58.212, 83.177 |
CIE-LUV | 80.693, 40.259, 67.046 |
Hunter-Lab | 76.104, 2.47, 39.574 |
Binary | 11110011, 11000001, 01011001 |
Color Schemes with #f3c159
Alternatives to #f3c159
Below, you can see some colors close to #f3c159. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f3c159 Preview
This text has a font color of #f3c159.
<span style="color:#f3c159;">Text here</span>
This paragraph has a background color of #f3c159.
<p style="background-color:#f3c159;">Content here</p>
This element has a border color of #f3c159.
<div style="border:1px solid #f3c159;">Content here</div>
.text {color:#f3c159;}
.background {background-color:#f3c159;}
.border {border:1px solid #f3c159;}
Shades and Tints of #f3c159
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, #110c01 is the darkest color, while #fffefe is the lightest one.
-
#110c01
#110c01
rgb(17,12,1)
-
#231903
#231903
rgb(35,25,3)
-
#362504
#362504
rgb(54,37,4)
-
#483205
#483205
rgb(72,50,5)
-
#5a3f07
#5a3f07
rgb(90,63,7)
-
#6c4c08
#6c4c08
rgb(108,76,8)
-
#7f5909
#7f5909
rgb(127,89,9)
-
#91650a
#91650a
rgb(145,101,10)
-
#a3720c
#a3720c
rgb(163,114,12)
-
#b67f0d
#b67f0d
rgb(182,127,13)
-
#c88c0e
#c88c0e
rgb(200,140,14)
-
#da9810
#da9810
rgb(218,152,16)
-
#eca511
#eca511
rgb(236,165,17)
-
#efad22
#efad22
rgb(239,173,34)
-
#f0b334
#f0b334
rgb(240,179,52)
-
#f2ba47
#f2ba47
rgb(242,186,71)
-
#f3c159
#f3c159
rgb(243,193,89)
-
#f4c86b
#f4c86b
rgb(244,200,107)
-
#f6cf7e
#f6cf7e
rgb(246,207,126)
-
#f7d590
#f7d590
rgb(247,213,144)
-
#f8dca2
#f8dca2
rgb(248,220,162)
-
#fae3b4
#fae3b4
rgb(250,227,180)
-
#fbeac7
#fbeac7
rgb(251,234,199)
-
#fcf1d9
#fcf1d9
rgb(252,241,217)
-
#fef8eb
#fef8eb
rgb(254,248,235)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #f3c159
A tone is produced by adding gray to any pure hue. In this case, #a8a7a4 is the less saturated color, while #fac352 is the most saturated one.
-
#a8a7a4
#a8a7a4
rgb(168,167,164)
-
#afa99d
#afa99d
rgb(175,169,157)
-
#b5ab97
#b5ab97
rgb(181,171,151)
-
#bcae90
#bcae90
rgb(188,174,144)
-
#c3b089
#c3b089
rgb(195,176,137)
-
#cab382
#cab382
rgb(202,179,130)
-
#d1b57b
#d1b57b
rgb(209,181,123)
-
#d8b774
#d8b774
rgb(216,183,116)
-
#deba6e
#deba6e
rgb(222,186,110)
-
#e5bc67
#e5bc67
rgb(229,188,103)
-
#ecbf60
#ecbf60
rgb(236,191,96)
-
#f3c159
#f3c159
rgb(243,193,89)
-
#fac352
#fac352
rgb(250,195,82)
Color Blindness Simulator
Below, you can see how #f3c159 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.