#f49163 hex color

In a RGB color space, hex #f49163 is composed of 95.7% red, 56.9% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.6% magenta, 59.4% yellow and 4.3% black. It has a hue angle of 19 degrees, a saturation of 86.8% and a lightness of 67.3%. #f49163 color hex could be obtained by blending #ffffc6 with #e92300. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 96
- G 57
- B 39
RGB color chart
- C 0
- M 41
- Y 59
- K 4
CMYK color chart

● #f49163 color description : Soft orange.

The hexadecimal color #f49163 has RGB values of R:244, G:145, B:99 and CMYK values of C:0, M:0.41, Y:0.59, K:0.04. Its decimal value is 16028003.

Hex triplet	f49163	`#f49163`
RGB Decimal	244, 145, 99	`rgb(244,145,99)`
RGB Percent	95.7, 56.9, 38.8	`rgb(95.7%,56.9%,38.8%)`
CMYK	0, 41, 59, 4
HSL	19°, 86.8, 67.3	`hsl(19,86.8%,67.3%)`
HSV (or HSB)	19°, 59.4, 95.7
Web Safe	ff9966	`#ff9966`

CIE-LAB	69.745, 33.191, 40.179
XYZ	49.687, 40.388, 16.983
xyY	0.464, 0.377, 40.388
CIE-LCH	69.745, 52.115, 50.44
CIE-LUV	69.745, 75.698, 41.884
Hunter-Lab	63.552, 28.341, 28.642
Binary	11110100, 10010001, 01100011

#f49163
```
#f49163 rgb(244,145,99)
```
#63c6f4
```
#63c6f4 rgb(99,198,244)
```

Complementary Color

#f4637e
```
#f4637e rgb(244,99,126)
```
#f49163
```
#f49163 rgb(244,145,99)
```
#f4da63
```
#f4da63 rgb(244,218,99)
```

Analogous Color

#637ef4
```
#637ef4 rgb(99,126,244)
```
#f49163
```
#f49163 rgb(244,145,99)
```
#63f4da
```
#63f4da rgb(99,244,218)
```

Split Complementary Color

#9163f4
```
#9163f4 rgb(145,99,244)
```
#f49163
```
#f49163 rgb(244,145,99)
```
#63f491
```
#63f491 rgb(99,244,145)
```

Triadic Color

#f463c6
```
#f463c6 rgb(244,99,198)
```
#f49163
```
#f49163 rgb(244,145,99)
```
#63f491
```
#63f491 rgb(99,244,145)
```
#63c6f4
```
#63c6f4 rgb(99,198,244)
```

Tetradic Color

#ef5f1c
```
#ef5f1c rgb(239,95,28)
```
#f16f33
```
#f16f33 rgb(241,111,51)
```
#f2804b
```
#f2804b rgb(242,128,75)
```
#f49163
```
#f49163 rgb(244,145,99)
```
#f6a27b
```
#f6a27b rgb(246,162,123)
```
#f7b393
```
#f7b393 rgb(247,179,147)
```
#f9c3aa
```
#f9c3aa rgb(249,195,170)
```

Monochromatic Color

Below, you can see some colors close to #f49163. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#f46d63
```
#f46d63 rgb(244,109,99)
```
#f47963
```
#f47963 rgb(244,121,99)
```
#f48563
```
#f48563 rgb(244,133,99)
```
#f49163
```
#f49163 rgb(244,145,99)
```
#f49d63
```
#f49d63 rgb(244,157,99)
```
#f4a963
```
#f4a963 rgb(244,169,99)
```
#f4b563
```
#f4b563 rgb(244,181,99)
```

Similar Colors

Text with hexadecimal color #f49163

This text has a font color of #f49163.

<span style="color:#f49163;">Text here</span>

#f49163 background color

This paragraph has a background color of #f49163.

<p style="background-color:#f49163;">Content here</p>

#f49163 border color

This element has a border color of #f49163.

<div style="border:1px solid #f49163;">Content here</div>

CSS codes

.text {color:#f49163;}

.background {background-color:#f49163;}

.border {border:1px solid #f49163;}

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, #090301 is the darkest color, while #fef8f6 is the lightest one.

#090301
```
#090301 rgb(9,3,1)
```
#1b0a02
```
#1b0a02 rgb(27,10,2)
```
#2e1103
```
#2e1103 rgb(46,17,3)
```
#401705
```
#401705 rgb(64,23,5)
```
#521e06
```
#521e06 rgb(82,30,6)
```
#652507
```
#652507 rgb(101,37,7)
```
#772b08
```
#772b08 rgb(119,43,8)
```
#89320a
```
#89320a rgb(137,50,10)
```
#9b390b
```
#9b390b rgb(155,57,11)
```
#ae400c
```
#ae400c rgb(174,64,12)
```
#c0460e
```
#c0460e rgb(192,70,14)
```
#d24d0f
```
#d24d0f rgb(210,77,15)
```
#e55410
```
#e55410 rgb(229,84,16)
```

Shade Color Variation

#ef5d1a
```
#ef5d1a rgb(239,93,26)
```
#f06a2c
```
#f06a2c rgb(240,106,44)
```
#f1773e
```
#f1773e rgb(241,119,62)
```
#f38451
```
#f38451 rgb(243,132,81)
```
#f49163
```
#f49163 rgb(244,145,99)
```
#f59e75
```
#f59e75 rgb(245,158,117)
```
#f7ab88
```
#f7ab88 rgb(247,171,136)
```
#f8b89a
```
#f8b89a rgb(248,184,154)
```
#f9c5ac
```
#f9c5ac rgb(249,197,172)
```
#fad2bf
```
#fad2bf rgb(250,210,191)
```
#fcdfd1
```
#fcdfd1 rgb(252,223,209)
```
#fdebe3
```
#fdebe3 rgb(253,235,227)
```
#fef8f6
```
#fef8f6 rgb(254,248,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #adabaa is the less saturated color, while #fa8f5d is the most saturated one.

#adabaa
```
#adabaa rgb(173,171,170)
```
#b4a8a3
```
#b4a8a3 rgb(180,168,163)
```
#baa69d
```
#baa69d rgb(186,166,157)
```
#c1a496
```
#c1a496 rgb(193,164,150)
```
#c7a190
```
#c7a190 rgb(199,161,144)
```
#cd9f8a
```
#cd9f8a rgb(205,159,138)
```
#d49d83
```
#d49d83 rgb(212,157,131)
```
#da9a7d
```
#da9a7d rgb(218,154,125)
```
#e19876
```
#e19876 rgb(225,152,118)
```
#e79670
```
#e79670 rgb(231,150,112)
```
#ee9369
```
#ee9369 rgb(238,147,105)
```
#f49163
```
#f49163 rgb(244,145,99)
```
#fa8f5d
```
#fa8f5d rgb(250,143,93)
```

Tone Color Variation

Below, you can see how #f49163 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.

Monochromacy

#a9a9a9 Achromatopsia 0.005% of the population
#b8a49b Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdae73 Protanopia 1% of men
#d3a766 Deuteranopia 1% of men
#f7909a Tritanopia 0.001% of the population

Trichromacy

#d1a36d Protanomaly 1% of men, 0.01% of women
#df9f65 Deuteranomaly 6% of men, 0.4% of women
#f69086 Tritanomaly 0.01% of the population

#f49163 hex color

#f49163 Color Information

#f49163 Color Conversion

Color Schemes with #f49163

Alternatives to #f49163

#f49163 Preview

Shades and Tints of #f49163

Tones of #f49163

Color Blindness Simulator