#f18107 hex color

In a RGB color space, hex #f18107 is composed of 94.5% red, 50.6% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.5% magenta, 97.1% yellow and 5.5% black. It has a hue angle of 31.3 degrees, a saturation of 94.4% and a lightness of 48.6%. #f18107 color hex could be obtained by blending #ffff0e with #e30300. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 95
- G 51
- B 3
RGB color chart
- C 0
- M 46
- Y 97
- K 5
CMYK color chart

● #f18107 color description : Vivid orange.

The hexadecimal color #f18107 has RGB values of R:241, G:129, B:7 and CMYK values of C:0, M:0.46, Y:0.97, K:0.05. Its decimal value is 15827207.

Hex triplet	f18107	`#f18107`
RGB Decimal	241, 129, 7	`rgb(241,129,7)`
RGB Percent	94.5, 50.6, 2.7	`rgb(94.5%,50.6%,2.7%)`
CMYK	0, 46, 97, 5
HSL	31.3°, 94.4, 48.6	`hsl(31.3,94.4%,48.6%)`
HSV (or HSB)	31.3°, 97.1, 94.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	65.295, 36.865, 70.918
XYZ	44.166, 34.421, 4.519
xyY	0.531, 0.414, 34.421
CIE-LCH	65.295, 79.928, 62.533
CIE-LUV	65.295, 93.303, 60.547
Hunter-Lab	58.669, 31.703, 36.501
Binary	11110001, 10000001, 00000111

#f18107
```
#f18107 rgb(241,129,7)
```
#0777f1
```
#0777f1 rgb(7,119,241)
```

Complementary Color

#f10c07
```
#f10c07 rgb(241,12,7)
```
#f18107
```
#f18107 rgb(241,129,7)
```
#ecf107
```
#ecf107 rgb(236,241,7)
```

Analogous Color

#0c07f1
```
#0c07f1 rgb(12,7,241)
```
#f18107
```
#f18107 rgb(241,129,7)
```
#07ecf1
```
#07ecf1 rgb(7,236,241)
```

Split Complementary Color

#8107f1
```
#8107f1 rgb(129,7,241)
```
#f18107
```
#f18107 rgb(241,129,7)
```
#07f181
```
#07f181 rgb(7,241,129)
```

Triadic Color

#f10777
```
#f10777 rgb(241,7,119)
```
#f18107
```
#f18107 rgb(241,129,7)
```
#07f181
```
#07f181 rgb(7,241,129)
```
#0777f1
```
#0777f1 rgb(7,119,241)
```

Tetradic Color

#a75905
```
#a75905 rgb(167,89,5)
```
#bf6606
```
#bf6606 rgb(191,102,6)
```
#d87406
```
#d87406 rgb(216,116,6)
```
#f18107
```
#f18107 rgb(241,129,7)
```
#f88e19
```
#f88e19 rgb(248,142,25)
```
#f99a32
```
#f99a32 rgb(249,154,50)
```
#faa64b
```
#faa64b rgb(250,166,75)
```

Monochromatic Color

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

#f14607
```
#f14607 rgb(241,70,7)
```
#f15a07
```
#f15a07 rgb(241,90,7)
```
#f16e07
```
#f16e07 rgb(241,110,7)
```
#f18107
```
#f18107 rgb(241,129,7)
```
#f19507
```
#f19507 rgb(241,149,7)
```
#f1a807
```
#f1a807 rgb(241,168,7)
```
#f1bc07
```
#f1bc07 rgb(241,188,7)
```

Similar Colors

Text with hexadecimal color #f18107

This text has a font color of #f18107.

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

#f18107 background color

This paragraph has a background color of #f18107.

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

#f18107 border color

This element has a border color of #f18107.

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

CSS codes

.text {color:#f18107;}

.background {background-color:#f18107;}

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

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, #0c0700 is the darkest color, while #fffcf8 is the lightest one.

#0c0700
```
#0c0700 rgb(12,7,0)
```
#1f1101
```
#1f1101 rgb(31,17,1)
```
#321b01
```
#321b01 rgb(50,27,1)
```
#452502
```
#452502 rgb(69,37,2)
```
#592f03
```
#592f03 rgb(89,47,3)
```
#6c3a03
```
#6c3a03 rgb(108,58,3)
```
#7f4404
```
#7f4404 rgb(127,68,4)
```
#924e04
```
#924e04 rgb(146,78,4)
```
#a55805
```
#a55805 rgb(165,88,5)
```
#b86205
```
#b86205 rgb(184,98,5)
```
#cb6d06
```
#cb6d06 rgb(203,109,6)
```
#de7706
```
#de7706 rgb(222,119,6)
```
#f18107
```
#f18107 rgb(241,129,7)
```

Shade Color Variation

#f88b13
```
#f88b13 rgb(248,139,19)
```
#f99427
```
#f99427 rgb(249,148,39)
```
#f99e3a
```
#f99e3a rgb(249,158,58)
```
#faa74d
```
#faa74d rgb(250,167,77)
```
#fab060
```
#fab060 rgb(250,176,96)
```
#fbba73
```
#fbba73 rgb(251,186,115)
```
#fbc386
```
#fbc386 rgb(251,195,134)
```
#fccd99
```
#fccd99 rgb(252,205,153)
```
#fdd6ac
```
#fdd6ac rgb(253,214,172)
```
#fddfbf
```
#fddfbf rgb(253,223,191)
```
#fee9d2
```
#fee9d2 rgb(254,233,210)
```
#fef2e5
```
#fef2e5 rgb(254,242,229)
```
#fffcf8
```
#fffcf8 rgb(255,252,248)
```

Tint Color Variation

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

#7f7c79
```
#7f7c79 rgb(127,124,121)
```
#887d70
```
#887d70 rgb(136,125,112)
```
#927d66
```
#927d66 rgb(146,125,102)
```
#9b7d5d
```
#9b7d5d rgb(155,125,93)
```
#a57e53
```
#a57e53 rgb(165,126,83)
```
#ae7e4a
```
#ae7e4a rgb(174,126,74)
```
#b87f40
```
#b87f40 rgb(184,127,64)
```
#c17f37
```
#c17f37 rgb(193,127,55)
```
#cb7f2d
```
#cb7f2d rgb(203,127,45)
```
#d48024
```
#d48024 rgb(212,128,36)
```
#de801a
```
#de801a rgb(222,128,26)
```
#e78111
```
#e78111 rgb(231,129,17)
```
#f18107
```
#f18107 rgb(241,129,7)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#a79179 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a31d Protanopia 1% of men
#cc9b00 Deuteranopia 1% of men
#f57e86 Tritanopia 0.001% of the population

Trichromacy

#cc9715 Protanomaly 1% of men, 0.01% of women
#d99102 Deuteranomaly 6% of men, 0.4% of women
#f47f58 Tritanomaly 0.01% of the population

#f18107 hex color

#f18107 Color Information

#f18107 Color Conversion

Color Schemes with #f18107

Alternatives to #f18107

#f18107 Preview

Shades and Tints of #f18107

Tones of #f18107

Color Blindness Simulator