#f49d31 hex color

In a RGB color space, hex #f49d31 is composed of 95.7% red, 61.6% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.7% magenta, 79.9% yellow and 4.3% black. It has a hue angle of 33.2 degrees, a saturation of 89.9% and a lightness of 57.5%. #f49d31 color hex could be obtained by blending #ffff62 with #e93b00. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 96
- G 62
- B 19
RGB color chart
- C 0
- M 36
- Y 80
- K 4
CMYK color chart

● #f49d31 color description : Bright orange.

The hexadecimal color #f49d31 has RGB values of R:244, G:157, B:49 and CMYK values of C:0, M:0.36, Y:0.8, K:0.04. Its decimal value is 16031025.

Hex triplet	f49d31	`#f49d31`
RGB Decimal	244, 157, 49	`rgb(244,157,49)`
RGB Percent	95.7, 61.6, 19.2	`rgb(95.7%,61.6%,19.2%)`
CMYK	0, 36, 80, 4
HSL	33.2°, 89.9, 57.5	`hsl(33.2,89.9%,57.5%)`
HSV (or HSB)	33.2°, 79.9, 95.7
Web Safe	ff9933	`#ff9933`

CIE-LAB	71.942, 24.355, 65.525
XYZ	49.921, 43.572, 8.687
xyY	0.489, 0.426, 43.572
CIE-LCH	71.942, 69.905, 69.61
CIE-LUV	71.942, 70.949, 64.697
Hunter-Lab	66.009, 19.478, 38.404
Binary	11110100, 10011101, 00110001

#f49d31
```
#f49d31 rgb(244,157,49)
```
#3188f4
```
#3188f4 rgb(49,136,244)
```

Complementary Color

#f43c31
```
#f43c31 rgb(244,60,49)
```
#f49d31
```
#f49d31 rgb(244,157,49)
```
#eaf431
```
#eaf431 rgb(234,244,49)
```

Analogous Color

#3b31f4
```
#3b31f4 rgb(59,49,244)
```
#f49d31
```
#f49d31 rgb(244,157,49)
```
#31eaf4
```
#31eaf4 rgb(49,234,244)
```

Split Complementary Color

#9d31f4
```
#9d31f4 rgb(157,49,244)
```
#f49d31
```
#f49d31 rgb(244,157,49)
```
#31f49d
```
#31f49d rgb(49,244,157)
```

Triadic Color

#f43188
```
#f43188 rgb(244,49,136)
```
#f49d31
```
#f49d31 rgb(244,157,49)
```
#31f49d
```
#31f49d rgb(49,244,157)
```
#3188f4
```
#3188f4 rgb(49,136,244)
```

Tetradic Color

#ce770b
```
#ce770b rgb(206,119,11)
```
#e6850c
```
#e6850c rgb(230,133,12)
```
#f39119
```
#f39119 rgb(243,145,25)
```
#f49d31
```
#f49d31 rgb(244,157,49)
```
#f5a949
```
#f5a949 rgb(245,169,73)
```
#f7b461
```
#f7b461 rgb(247,180,97)
```
#f8c07a
```
#f8c07a rgb(248,192,122)
```

Monochromatic Color

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

#f46c31
```
#f46c31 rgb(244,108,49)
```
#f47d31
```
#f47d31 rgb(244,125,49)
```
#f48d31
```
#f48d31 rgb(244,141,49)
```
#f49d31
```
#f49d31 rgb(244,157,49)
```
#f4ad31
```
#f4ad31 rgb(244,173,49)
```
#f4be31
```
#f4be31 rgb(244,190,49)
```
#f4ce31
```
#f4ce31 rgb(244,206,49)
```

Similar Colors

Text with hexadecimal color #f49d31

This text has a font color of #f49d31.

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

#f49d31 background color

This paragraph has a background color of #f49d31.

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

#f49d31 border color

This element has a border color of #f49d31.

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

CSS codes

.text {color:#f49d31;}

.background {background-color:#f49d31;}

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

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, #110a01 is the darkest color, while #fffefe is the lightest one.

#110a01
```
#110a01 rgb(17,10,1)
```
#241502
```
#241502 rgb(36,21,2)
```
#372003
```
#372003 rgb(55,32,3)
```
#492a04
```
#492a04 rgb(73,42,4)
```
#5c3505
```
#5c3505 rgb(92,53,5)
```
#6f4006
```
#6f4006 rgb(111,64,6)
```
#814b07
```
#814b07 rgb(129,75,7)
```
#945508
```
#945508 rgb(148,85,8)
```
#a66009
```
#a66009 rgb(166,96,9)
```
#b96b0a
```
#b96b0a rgb(185,107,10)
```
#cc760b
```
#cc760b rgb(204,118,11)
```
#de800c
```
#de800c rgb(222,128,12)
```
#f18b0d
```
#f18b0d rgb(241,139,13)
```

Shade Color Variation

#f3941e
```
#f3941e rgb(243,148,30)
```
#f49d31
```
#f49d31 rgb(244,157,49)
```
#f5a644
```
#f5a644 rgb(245,166,68)
```
#f6af56
```
#f6af56 rgb(246,175,86)
```
#f7b869
```
#f7b869 rgb(247,184,105)
```
#f8c07b
```
#f8c07b rgb(248,192,123)
```
#f9c98e
```
#f9c98e rgb(249,201,142)
```
#fad2a1
```
#fad2a1 rgb(250,210,161)
```
#fbdbb3
```
#fbdbb3 rgb(251,219,179)
```
#fce4c6
```
#fce4c6 rgb(252,228,198)
```
#fdedd9
```
#fdedd9 rgb(253,237,217)
```
#fef6eb
```
#fef6eb rgb(254,246,235)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#98938d
```
#98938d rgb(152,147,141)
```
#a19484
```
#a19484 rgb(161,148,132)
```
#a9957c
```
#a9957c rgb(169,149,124)
```
#b19674
```
#b19674 rgb(177,150,116)
```
#ba976b
```
#ba976b rgb(186,151,107)
```
#c29863
```
#c29863 rgb(194,152,99)
```
#ca995b
```
#ca995b rgb(202,153,91)
```
#d39952
```
#d39952 rgb(211,153,82)
```
#db9a4a
```
#db9a4a rgb(219,154,74)
```
#e39b42
```
#e39b42 rgb(227,155,66)
```
#ec9c39
```
#ec9c39 rgb(236,156,57)
```
#f49d31
```
#f49d31 rgb(244,157,49)
```
#fc9e29
```
#fc9e29 rgb(252,158,41)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#baa893 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b440 Protanopia 1% of men
#e0ab37 Deuteranopia 1% of men
#fa98a2 Tritanopia 0.001% of the population

Trichromacy

#d8ac3a Protanomaly 1% of men, 0.01% of women
#e7a634 Deuteranomaly 6% of men, 0.4% of women
#f89979 Tritanomaly 0.01% of the population

#f49d31 hex color

#f49d31 Color Information

#f49d31 Color Conversion

Color Schemes with #f49d31

Alternatives to #f49d31

#f49d31 Preview

Shades and Tints of #f49d31

Tones of #f49d31

Color Blindness Simulator