#f49655 Color Information
In a RGB color space, hex #f49655 is composed of 95.7% red, 58.8% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.5% magenta, 65.2% yellow and 4.3% black. It has a hue angle of 24.5 degrees, a saturation of 87.8% and a lightness of 64.5%. #f49655 color hex could be obtained by blending #ffffaa with #e92d00. Closest websafe color is: #ff9966.
-
- R 96
- G 59
- B 33
-
- C 0
- M 39
- Y 65
- K 4
● #f49655 color description : Soft orange.
#f49655 Color Conversion
The hexadecimal color #f49655 has RGB values of R:244, G:150, B:85 and CMYK values of C:0, M:0.39, Y:0.65, K:0.04. Its decimal value is 16029269.
| Hex triplet | f49655 | #f49655 |
|---|---|---|
| RGB Decimal | 244, 150, 85 | rgb(244,150,85) |
| RGB Percent | 95.7, 58.8, 33.3 | rgb(95.7%,58.8%,33.3%) |
| CMYK | 0, 39, 65, 4 | |
| HSL | 24.5°, 87.8, 64.5 | hsl(24.5,87.8%,64.5%) |
| HSV (or HSB) | 24.5°, 65.2, 95.7 | |
| Web Safe | ff9966 | #ff9966 |
| CIE-LAB | 70.667, 29.672, 48.437 |
|---|---|
| XYZ | 49.855, 41.705, 14.018 |
| xyY | 0.472, 0.395, 41.705 |
| CIE-LCH | 70.667, 56.803, 58.509 |
| CIE-LUV | 70.667, 73.59, 50.347 |
| Hunter-Lab | 64.58, 24.788, 32.336 |
| Binary | 11110100, 10010110, 01010101 |
Color Schemes with #f49655
Alternatives to #f49655
Below, you can see some colors close to #f49655. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f49655 Preview
This text has a font color of #f49655.
<span style="color:#f49655;">Text here</span>
This paragraph has a background color of #f49655.
<p style="background-color:#f49655;">Content here</p>
This element has a border color of #f49655.
<div style="border:1px solid #f49655;">Content here</div>
.text {color:#f49655;}
.background {background-color:#f49655;}
.border {border:1px solid #f49655;}
Shades and Tints of #f49655
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, #0e0601 is the darkest color, while #fffcfb is the lightest one.
-
#0e0601
#0e0601rgb(14,6,1) -
#210f02
#210f02rgb(33,15,2) -
#331703
#331703rgb(51,23,3) -
#461f04
#461f04rgb(70,31,4) -
#582706
#582706rgb(88,39,6) -
#6a3007
#6a3007rgb(106,48,7) -
#7d3808
#7d3808rgb(125,56,8) -
#8f4009
#8f4009rgb(143,64,9) -
#a2480a
#a2480argb(162,72,10) -
#b4500c
#b4500crgb(180,80,12) -
#c6590d
#c6590drgb(198,89,13) -
#d9610e
#d9610ergb(217,97,14) -
#eb690f
#eb690frgb(235,105,15)
-
#f0741e
#f0741ergb(240,116,30) -
#f27f30
#f27f30rgb(242,127,48) -
#f38b43
#f38b43rgb(243,139,67) -
#f49655
#f49655rgb(244,150,85) -
#f5a167
#f5a167rgb(245,161,103) -
#f6ad7a
#f6ad7argb(246,173,122) -
#f8b88c
#f8b88crgb(248,184,140) -
#f9c49f
#f9c49frgb(249,196,159) -
#facfb1
#facfb1rgb(250,207,177) -
#fbdac4
#fbdac4rgb(251,218,196) -
#fce6d6
#fce6d6rgb(252,230,214) -
#fef1e8
#fef1e8rgb(254,241,232) -
#fffcfb
#fffcfbrgb(255,252,251)
Tones of #f49655
A tone is produced by adding gray to any pure hue. In this case, #a7a4a2 is the less saturated color, while #fb954e is the most saturated one.
-
#a7a4a2
#a7a4a2rgb(167,164,162) -
#aea39b
#aea39brgb(174,163,155) -
#b5a194
#b5a194rgb(181,161,148) -
#bca08d
#bca08drgb(188,160,141) -
#c39f86
#c39f86rgb(195,159,134) -
#ca9e7f
#ca9e7frgb(202,158,127) -
#d19c78
#d19c78rgb(209,156,120) -
#d89b71
#d89b71rgb(216,155,113) -
#df9a6a
#df9a6argb(223,154,106) -
#e69963
#e69963rgb(230,153,99) -
#ed975c
#ed975crgb(237,151,92) -
#f49655
#f49655rgb(244,150,85) -
#fb954e
#fb954ergb(251,149,78)
Color Blindness Simulator
Below, you can see how #f49655 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.
