#f18c16 hex color

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

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

● #f18c16 color description : Vivid orange.

The hexadecimal color #f18c16 has RGB values of R:241, G:140, B:22 and CMYK values of C:0, M:0.42, Y:0.91, K:0.05. Its decimal value is 15830038.

Hex triplet	f18c16	`#f18c16`
RGB Decimal	241, 140, 22	`rgb(241,140,22)`
RGB Percent	94.5, 54.9, 8.6	`rgb(94.5%,54.9%,8.6%)`
CMYK	0, 42, 91, 5
HSL	32.3°, 88.7, 51.6	`hsl(32.3,88.7%,51.6%)`
HSV (or HSB)	32.3°, 90.9, 94.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	67.664, 31.372, 69.921
XYZ	45.8, 37.519, 5.589
xyY	0.515, 0.422, 37.519
CIE-LCH	67.664, 76.636, 65.836
CIE-LUV	67.664, 83.669, 63.011
Hunter-Lab	61.252, 26.277, 37.467
Binary	11110001, 10001100, 00010110

#f18c16
```
#f18c16 rgb(241,140,22)
```
#167bf1
```
#167bf1 rgb(22,123,241)
```

Complementary Color

#f11e16
```
#f11e16 rgb(241,30,22)
```
#f18c16
```
#f18c16 rgb(241,140,22)
```
#e9f116
```
#e9f116 rgb(233,241,22)
```

Analogous Color

#1f16f1
```
#1f16f1 rgb(31,22,241)
```
#f18c16
```
#f18c16 rgb(241,140,22)
```
#16e9f1
```
#16e9f1 rgb(22,233,241)
```

Split Complementary Color

#8c16f1
```
#8c16f1 rgb(140,22,241)
```
#f18c16
```
#f18c16 rgb(241,140,22)
```
#16f18c
```
#16f18c rgb(22,241,140)
```

Triadic Color

#f1167b
```
#f1167b rgb(241,22,123)
```
#f18c16
```
#f18c16 rgb(241,140,22)
```
#16f18c
```
#16f18c rgb(22,241,140)
```
#167bf1
```
#167bf1 rgb(22,123,241)
```

Tetradic Color

#b0640b
```
#b0640b rgb(176,100,11)
```
#c8710c
```
#c8710c rgb(200,113,12)
```
#e07f0d
```
#e07f0d rgb(224,127,13)
```
#f18c16
```
#f18c16 rgb(241,140,22)
```
#f2982e
```
#f2982e rgb(242,152,46)
```
#f4a446
```
#f4a446 rgb(244,164,70)
```
#f5b05e
```
#f5b05e rgb(245,176,94)
```

Monochromatic Color

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

#f15516
```
#f15516 rgb(241,85,22)
```
#f16816
```
#f16816 rgb(241,104,22)
```
#f17a16
```
#f17a16 rgb(241,122,22)
```
#f18c16
```
#f18c16 rgb(241,140,22)
```
#f19e16
```
#f19e16 rgb(241,158,22)
```
#f1b116
```
#f1b116 rgb(241,177,22)
```
#f1c316
```
#f1c316 rgb(241,195,22)
```

Similar Colors

Text with hexadecimal color #f18c16

This text has a font color of #f18c16.

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

#f18c16 background color

This paragraph has a background color of #f18c16.

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

#f18c16 border color

This element has a border color of #f18c16.

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

CSS codes

.text {color:#f18c16;}

.background {background-color:#f18c16;}

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

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)
```
#522e05
```
#522e05 rgb(82,46,5)
```
#643906
```
#643906 rgb(100,57,6)
```
#774307
```
#774307 rgb(119,67,7)
```
#894e08
```
#894e08 rgb(137,78,8)
```
#9c5809
```
#9c5809 rgb(156,88,9)
```
#ae630a
```
#ae630a rgb(174,99,10)
```
#c16d0c
```
#c16d0c rgb(193,109,12)
```
#d3780d
```
#d3780d rgb(211,120,13)
```
#e6820e
```
#e6820e rgb(230,130,14)
```

Shade Color Variation

#f18c16
```
#f18c16 rgb(241,140,22)
```
#f29529
```
#f29529 rgb(242,149,41)
```
#f39e3b
```
#f39e3b rgb(243,158,59)
```
#f4a74e
```
#f4a74e rgb(244,167,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)
```
#fce7cf
```
#fce7cf rgb(252,231,207)
```
#fdf0e2
```
#fdf0e2 rgb(253,240,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 #fb8d0d is the most saturated one.

#89847f
```
#89847f rgb(137,132,127)
```
#928575
```
#928575 rgb(146,133,117)
```
#9c856c
```
#9c856c rgb(156,133,108)
```
#a58662
```
#a58662 rgb(165,134,98)
```
#af8759
```
#af8759 rgb(175,135,89)
```
#b8884f
```
#b8884f rgb(184,136,79)
```
#c28846
```
#c28846 rgb(194,136,70)
```
#cb893c
```
#cb893c rgb(203,137,60)
```
#d58a33
```
#d58a33 rgb(213,138,51)
```
#de8b29
```
#de8b29 rgb(222,139,41)
```
#e88b20
```
#e88b20 rgb(232,139,32)
```
#f18c16
```
#f18c16 rgb(241,140,22)
```
#fb8d0d
```
#fb8d0d rgb(251,141,13)
```

Tone Color Variation

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

#bda928 Protanopia 1% of men
#d4a110 Deuteranopia 1% of men
#f68891 Tritanopia 0.001% of the population

Trichromacy

#d09e21 Protanomaly 1% of men, 0.01% of women
#de9912 Deuteranomaly 6% of men, 0.4% of women
#f48964 Tritanomaly 0.01% of the population

#f18c16 hex color

#f18c16 Color Information

#f18c16 Color Conversion

Color Schemes with #f18c16

Alternatives to #f18c16

#f18c16 Preview

Shades and Tints of #f18c16

Tones of #f18c16

Color Blindness Simulator