#f2a686 Color Information
In a RGB color space, hex #f2a686 is composed of 94.9% red, 65.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 44.6% yellow and 5.1% black. It has a hue angle of 17.8 degrees, a saturation of 80.6% and a lightness of 73.7%. #f2a686 color hex could be obtained by blending #ffffff with #e54d0d. Closest websafe color is: #ff9999.
-
- R 95
- G 65
- B 53
-
- C 0
- M 31
- Y 45
- K 5
● #f2a686 color description : Very soft orange.
#f2a686 Color Conversion
The hexadecimal color #f2a686 has RGB values of R:242, G:166, B:134 and CMYK values of C:0, M:0.31, Y:0.45, K:0.05. Its decimal value is 15902342.
Hex triplet | f2a686 | #f2a686 |
---|---|---|
RGB Decimal | 242, 166, 134 | rgb(242,166,134) |
RGB Percent | 94.9, 65.1, 52.5 | rgb(94.9%,65.1%,52.5%) |
CMYK | 0, 31, 45, 5 | |
HSL | 17.8°, 80.6, 73.7 | hsl(17.8,80.6%,73.7%) |
HSV (or HSB) | 17.8°, 44.6, 94.9 | |
Web Safe | ff9999 | #ff9999 |
CIE-LAB | 74.745, 24.393, 27.896 |
---|---|
XYZ | 54.558, 47.874, 28.92 |
xyY | 0.415, 0.364, 47.874 |
CIE-LCH | 74.745, 37.057, 48.833 |
CIE-LUV | 74.745, 54.498, 32.07 |
Hunter-Lab | 69.191, 19.665, 23.652 |
Binary | 11110010, 10100110, 10000110 |
Color Schemes with #f2a686
Alternatives to #f2a686
Below, you can see some colors close to #f2a686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2a686 Preview
This text has a font color of #f2a686.
<span style="color:#f2a686;">Text here</span>
This paragraph has a background color of #f2a686.
<p style="background-color:#f2a686;">Content here</p>
This element has a border color of #f2a686.
<div style="border:1px solid #f2a686;">Content here</div>
.text {color:#f2a686;}
.background {background-color:#f2a686;}
.border {border:1px solid #f2a686;}
Shades and Tints of #f2a686
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, #030100 is the darkest color, while #fdf4f0 is the lightest one.
-
#030100
#030100
rgb(3,1,0)
-
#150802
#150802
rgb(21,8,2)
-
#260e04
#260e04
rgb(38,14,4)
-
#381506
#381506
rgb(56,21,6)
-
#4a1b08
#4a1b08
rgb(74,27,8)
-
#5c220a
#5c220a
rgb(92,34,10)
-
#6d290c
#6d290c
rgb(109,41,12)
-
#7f2f0e
#7f2f0e
rgb(127,47,14)
-
#913610
#913610
rgb(145,54,16)
-
#a23c11
#a23c11
rgb(162,60,17)
-
#b44313
#b44313
rgb(180,67,19)
-
#c64a15
#c64a15
rgb(198,74,21)
-
#d85017
#d85017
rgb(216,80,23)
-
#e7581c
#e7581c
rgb(231,88,28)
-
#e8652d
#e8652d
rgb(232,101,45)
-
#ea723f
#ea723f
rgb(234,114,63)
-
#ec7f51
#ec7f51
rgb(236,127,81)
-
#ee8c63
#ee8c63
rgb(238,140,99)
-
#f09974
#f09974
rgb(240,153,116)
-
#f2a686
#f2a686
rgb(242,166,134)
-
#f4b398
#f4b398
rgb(244,179,152)
-
#f6c0a9
#f6c0a9
rgb(246,192,169)
-
#f8cdbb
#f8cdbb
rgb(248,205,187)
-
#fadacd
#fadacd
rgb(250,218,205)
-
#fce7df
#fce7df
rgb(252,231,223)
-
#fdf4f0
#fdf4f0
rgb(253,244,240)
Tones of #f2a686
A tone is produced by adding gray to any pure hue. In this case, #bebbba is the less saturated color, while #fca27c is the most saturated one.
-
#bebbba
#bebbba
rgb(190,187,186)
-
#c4b9b4
#c4b9b4
rgb(196,185,180)
-
#c9b7af
#c9b7af
rgb(201,183,175)
-
#ceb5aa
#ceb5aa
rgb(206,181,170)
-
#d3b3a5
#d3b3a5
rgb(211,179,165)
-
#d8b0a0
#d8b0a0
rgb(216,176,160)
-
#ddae9b
#ddae9b
rgb(221,174,155)
-
#e3ac95
#e3ac95
rgb(227,172,149)
-
#e8aa90
#e8aa90
rgb(232,170,144)
-
#eda88b
#eda88b
rgb(237,168,139)
-
#f2a686
#f2a686
rgb(242,166,134)
-
#f7a481
#f7a481
rgb(247,164,129)
-
#fca27c
#fca27c
rgb(252,162,124)
Color Blindness Simulator
Below, you can see how #f2a686 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.