#f3a158 Color Information
In a RGB color space, hex #f3a158 is composed of 95.3% red, 63.1% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.7% magenta, 63.8% yellow and 4.7% black. It has a hue angle of 28.3 degrees, a saturation of 86.6% and a lightness of 64.9%. #f3a158 color hex could be obtained by blending #ffffb0 with #e74300. Closest websafe color is: #ff9966.
-
- R 95
- G 63
- B 35
-
- C 0
- M 34
- Y 64
- K 5
● #f3a158 color description : Soft orange.
#f3a158 Color Conversion
The hexadecimal color #f3a158 has RGB values of R:243, G:161, B:88 and CMYK values of C:0, M:0.34, Y:0.64, K:0.05. Its decimal value is 15966552.
Hex triplet | f3a158 | #f3a158 |
---|---|---|
RGB Decimal | 243, 161, 88 | rgb(243,161,88) |
RGB Percent | 95.3, 63.1, 34.5 | rgb(95.3%,63.1%,34.5%) |
CMYK | 0, 34, 64, 5 | |
HSL | 28.3°, 86.6, 64.9 | hsl(28.3,86.6%,64.9%) |
HSV (or HSB) | 28.3°, 63.8, 95.3 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 73.058, 23.674, 49.67 |
---|---|
XYZ | 51.47, 45.252, 15.256 |
xyY | 0.46, 0.404, 45.252 |
CIE-LCH | 73.058, 55.023, 64.517 |
CIE-LUV | 73.058, 64.069, 53.644 |
Hunter-Lab | 67.27, 18.852, 33.643 |
Binary | 11110011, 10100001, 01011000 |
Color Schemes with #f3a158
Alternatives to #f3a158
Below, you can see some colors close to #f3a158. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f3a158 Preview
This text has a font color of #f3a158.
<span style="color:#f3a158;">Text here</span>
This paragraph has a background color of #f3a158.
<p style="background-color:#f3a158;">Content here</p>
This element has a border color of #f3a158.
<div style="border:1px solid #f3a158;">Content here</div>
.text {color:#f3a158;}
.background {background-color:#f3a158;}
.border {border:1px solid #f3a158;}
Shades and Tints of #f3a158
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, #100801 is the darkest color, while #fffefd is the lightest one.
-
#100801
#100801
rgb(16,8,1)
-
#221102
#221102
rgb(34,17,2)
-
#351b04
#351b04
rgb(53,27,4)
-
#472405
#472405
rgb(71,36,5)
-
#592d06
#592d06
rgb(89,45,6)
-
#6c3708
#6c3708
rgb(108,55,8)
-
#7e4009
#7e4009
rgb(126,64,9)
-
#90490a
#90490a
rgb(144,73,10)
-
#a2530c
#a2530c
rgb(162,83,12)
-
#b55c0d
#b55c0d
rgb(181,92,13)
-
#c7650e
#c7650e
rgb(199,101,14)
-
#d96f10
#d96f10
rgb(217,111,16)
-
#ec7811
#ec7811
rgb(236,120,17)
-
#ef8221
#ef8221
rgb(239,130,33)
-
#f08c33
#f08c33
rgb(240,140,51)
-
#f29746
#f29746
rgb(242,151,70)
-
#f3a158
#f3a158
rgb(243,161,88)
-
#f4ab6a
#f4ab6a
rgb(244,171,106)
-
#f6b67d
#f6b67d
rgb(246,182,125)
-
#f7c08f
#f7c08f
rgb(247,192,143)
-
#f8caa1
#f8caa1
rgb(248,202,161)
-
#fad5b4
#fad5b4
rgb(250,213,180)
-
#fbdfc6
#fbdfc6
rgb(251,223,198)
-
#fce9d8
#fce9d8
rgb(252,233,216)
-
#fef3ea
#fef3ea
rgb(254,243,234)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #f3a158
A tone is produced by adding gray to any pure hue. In this case, #a7a5a4 is the less saturated color, while #faa151 is the most saturated one.
-
#a7a5a4
#a7a5a4
rgb(167,165,164)
-
#aea59d
#aea59d
rgb(174,165,157)
-
#b5a596
#b5a596
rgb(181,165,150)
-
#bca48f
#bca48f
rgb(188,164,143)
-
#c3a488
#c3a488
rgb(195,164,136)
-
#caa381
#caa381
rgb(202,163,129)
-
#d1a37a
#d1a37a
rgb(209,163,122)
-
#d7a374
#d7a374
rgb(215,163,116)
-
#dea26d
#dea26d
rgb(222,162,109)
-
#e5a266
#e5a266
rgb(229,162,102)
-
#eca15f
#eca15f
rgb(236,161,95)
-
#f3a158
#f3a158
rgb(243,161,88)
-
#faa151
#faa151
rgb(250,161,81)
Color Blindness Simulator
Below, you can see how #f3a158 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.