#f18d16 hex color

In a RGB color space, hex #f18d16 is composed of 94.5% red, 55.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.5% magenta, 90.9% yellow and 5.5% black. It has a hue angle of 32.6 degrees, a saturation of 88.7% and a lightness of 51.6%. #f18d16 color hex could be obtained by blending #ffff2c with #e31b00. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 95
- G 55
- B 9
RGB color chart
- C 0
- M 41
- Y 91
- K 5
CMYK color chart

● #f18d16 color description : Vivid orange.

The hexadecimal color #f18d16 has RGB values of R:241, G:141, B:22 and CMYK values of C:0, M:0.41, Y:0.91, K:0.05. Its decimal value is 15830294.

Hex triplet	f18d16	`#f18d16`
RGB Decimal	241, 141, 22	`rgb(241,141,22)`
RGB Percent	94.5, 55.3, 8.6	`rgb(94.5%,55.3%,8.6%)`
CMYK	0, 41, 91, 5
HSL	32.6°, 88.7, 51.6	`hsl(32.6,88.7%,51.6%)`
HSV (or HSB)	32.6°, 90.9, 94.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	67.882, 30.852, 70.08
XYZ	45.947, 37.812, 5.638
xyY	0.514, 0.423, 37.812
CIE-LCH	67.882, 76.57, 66.239
CIE-LUV	67.882, 82.833, 63.362
Hunter-Lab	61.492, 25.766, 37.608
Binary	11110001, 10001101, 00010110

#f18d16
```
#f18d16 rgb(241,141,22)
```
#167af1
```
#167af1 rgb(22,122,241)
```

Complementary Color

#f11f16
```
#f11f16 rgb(241,31,22)
```
#f18d16
```
#f18d16 rgb(241,141,22)
```
#e8f116
```
#e8f116 rgb(232,241,22)
```

Analogous Color

#2016f1
```
#2016f1 rgb(32,22,241)
```
#f18d16
```
#f18d16 rgb(241,141,22)
```
#16e8f1
```
#16e8f1 rgb(22,232,241)
```

Split Complementary Color

#8d16f1
```
#8d16f1 rgb(141,22,241)
```
#f18d16
```
#f18d16 rgb(241,141,22)
```
#16f18d
```
#16f18d rgb(22,241,141)
```

Triadic Color

#f1167a
```
#f1167a rgb(241,22,122)
```
#f18d16
```
#f18d16 rgb(241,141,22)
```
#16f18d
```
#16f18d rgb(22,241,141)
```
#167af1
```
#167af1 rgb(22,122,241)
```

Tetradic Color

#b0640b
```
#b0640b rgb(176,100,11)
```
#c8720c
```
#c8720c rgb(200,114,12)
```
#e0800d
```
#e0800d rgb(224,128,13)
```
#f18d16
```
#f18d16 rgb(241,141,22)
```
#f2992e
```
#f2992e rgb(242,153,46)
```
#f4a546
```
#f4a546 rgb(244,165,70)
```
#f5b05e
```
#f5b05e rgb(245,176,94)
```

Monochromatic Color

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

#f15616
```
#f15616 rgb(241,86,22)
```
#f16916
```
#f16916 rgb(241,105,22)
```
#f17b16
```
#f17b16 rgb(241,123,22)
```
#f18d16
```
#f18d16 rgb(241,141,22)
```
#f19f16
```
#f19f16 rgb(241,159,22)
```
#f1b216
```
#f1b216 rgb(241,178,22)
```
#f1c416
```
#f1c416 rgb(241,196,22)
```

Similar Colors

Text with hexadecimal color #f18d16

This text has a font color of #f18d16.

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

#f18d16 background color

This paragraph has a background color of #f18d16.

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

#f18d16 border color

This element has a border color of #f18d16.

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

CSS codes

.text {color:#f18d16;}

.background {background-color:#f18d16;}

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

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

#080400
```
#080400 rgb(8,4,0)
```
#1a0f02
```
#1a0f02 rgb(26,15,2)
```
#2d1903
```
#2d1903 rgb(45,25,3)
```
#3f2404
```
#3f2404 rgb(63,36,4)
```
#522f05
```
#522f05 rgb(82,47,5)
```
#643906
```
#643906 rgb(100,57,6)
```
#774407
```
#774407 rgb(119,68,7)
```
#894e08
```
#894e08 rgb(137,78,8)
```
#9c5909
```
#9c5909 rgb(156,89,9)
```
#ae630a
```
#ae630a rgb(174,99,10)
```
#c16e0c
```
#c16e0c rgb(193,110,12)
```
#d3780d
```
#d3780d rgb(211,120,13)
```
#e6830e
```
#e6830e rgb(230,131,14)
```

Shade Color Variation

#f18d16
```
#f18d16 rgb(241,141,22)
```
#f29629
```
#f29629 rgb(242,150,41)
```
#f39f3b
```
#f39f3b rgb(243,159,59)
```
#f4a84e
```
#f4a84e rgb(244,168,78)
```
#f5b160
```
#f5b160 rgb(245,177,96)
```
#f7ba73
```
#f7ba73 rgb(247,186,115)
```
#f8c385
```
#f8c385 rgb(248,195,133)
```
#f9cc98
```
#f9cc98 rgb(249,204,152)
```
#fad5aa
```
#fad5aa rgb(250,213,170)
```
#fbdebd
```
#fbdebd rgb(251,222,189)
```
#fce8cf
```
#fce8cf rgb(252,232,207)
```
#fdf1e2
```
#fdf1e2 rgb(253,241,226)
```
#fefaf4
```
#fefaf4 rgb(254,250,244)
```

Tint Color Variation

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

#89847f
```
#89847f rgb(137,132,127)
```
#928575
```
#928575 rgb(146,133,117)
```
#9c866c
```
#9c866c rgb(156,134,108)
```
#a58662
```
#a58662 rgb(165,134,98)
```
#af8759
```
#af8759 rgb(175,135,89)
```
#b8884f
```
#b8884f rgb(184,136,79)
```
#c28946
```
#c28946 rgb(194,137,70)
```
#cb8a3c
```
#cb8a3c rgb(203,138,60)
```
#d58b33
```
#d58b33 rgb(213,139,51)
```
#de8b29
```
#de8b29 rgb(222,139,41)
```
#e88c20
```
#e88c20 rgb(232,140,32)
```
#f18d16
```
#f18d16 rgb(241,141,22)
```
#fb8e0d
```
#fb8e0d rgb(251,142,13)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#ae9a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa28 Protanopia 1% of men
#d4a111 Deuteranopia 1% of men
#f68992 Tritanopia 0.001% of the population

Trichromacy

#d09f21 Protanomaly 1% of men, 0.01% of women
#df9a13 Deuteranomaly 6% of men, 0.4% of women
#f48a65 Tritanomaly 0.01% of the population

#f18d16 hex color

#f18d16 Color Information

#f18d16 Color Conversion

Color Schemes with #f18d16

Alternatives to #f18d16

#f18d16 Preview

Shades and Tints of #f18d16

Tones of #f18d16

Color Blindness Simulator