#f18118 hex color

In a RGB color space, hex #f18118 is composed of 94.5% red, 50.6% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.5% magenta, 90% yellow and 5.5% black. It has a hue angle of 29 degrees, a saturation of 88.6% and a lightness of 52%. #f18118 color hex could be obtained by blending #ffff30 with #e30300. Closest websafe color is: #ff9900.

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

● #f18118 color description : Vivid orange.

The hexadecimal color #f18118 has RGB values of R:241, G:129, B:24 and CMYK values of C:0, M:0.46, Y:0.9, K:0.05. Its decimal value is 15827224.

Hex triplet	f18118	`#f18118`
RGB Decimal	241, 129, 24	`rgb(241,129,24)`
RGB Percent	94.5, 50.6, 9.4	`rgb(94.5%,50.6%,9.4%)`
CMYK	0, 46, 90, 5
HSL	29°, 88.6, 52	`hsl(29,88.6%,52%)`
HSV (or HSB)	29°, 90, 94.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	65.335, 37.063, 67.739
XYZ	44.292, 34.471, 5.185
xyY	0.528, 0.411, 34.471
CIE-LCH	65.335, 77.215, 61.315
CIE-LUV	65.335, 92.798, 58.963
Hunter-Lab	58.712, 31.914, 35.862
Binary	11110001, 10000001, 00011000

#f18118
```
#f18118 rgb(241,129,24)
```
#1888f1
```
#1888f1 rgb(24,136,241)
```

Complementary Color

#f1181c
```
#f1181c rgb(241,24,28)
```
#f18118
```
#f18118 rgb(241,129,24)
```
#f1ee18
```
#f1ee18 rgb(241,238,24)
```

Analogous Color

#181cf1
```
#181cf1 rgb(24,28,241)
```
#f18118
```
#f18118 rgb(241,129,24)
```
#18f1ee
```
#18f1ee rgb(24,241,238)
```

Split Complementary Color

#8118f1
```
#8118f1 rgb(129,24,241)
```
#f18118
```
#f18118 rgb(241,129,24)
```
#18f181
```
#18f181 rgb(24,241,129)
```

Triadic Color

#f11888
```
#f11888 rgb(241,24,136)
```
#f18118
```
#f18118 rgb(241,129,24)
```
#18f181
```
#18f181 rgb(24,241,129)
```
#1888f1
```
#1888f1 rgb(24,136,241)
```

Tetradic Color

#b25c0b
```
#b25c0b rgb(178,92,11)
```
#ca680c
```
#ca680c rgb(202,104,12)
```
#e2740e
```
#e2740e rgb(226,116,14)
```
#f18118
```
#f18118 rgb(241,129,24)
```
#f28e30
```
#f28e30 rgb(242,142,48)
```
#f49b48
```
#f49b48 rgb(244,155,72)
```
#f5a860
```
#f5a860 rgb(245,168,96)
```

Monochromatic Color

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

#f14b18
```
#f14b18 rgb(241,75,24)
```
#f15d18
```
#f15d18 rgb(241,93,24)
```
#f16f18
```
#f16f18 rgb(241,111,24)
```
#f18118
```
#f18118 rgb(241,129,24)
```
#f19318
```
#f19318 rgb(241,147,24)
```
#f1a518
```
#f1a518 rgb(241,165,24)
```
#f1b718
```
#f1b718 rgb(241,183,24)
```

Similar Colors

Text with hexadecimal color #f18118

This text has a font color of #f18118.

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

#f18118 background color

This paragraph has a background color of #f18118.

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

#f18118 border color

This element has a border color of #f18118.

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

CSS codes

.text {color:#f18118;}

.background {background-color:#f18118;}

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

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

#090501
```
#090501 rgb(9,5,1)
```
#1c0e02
```
#1c0e02 rgb(28,14,2)
```
#2e1803
```
#2e1803 rgb(46,24,3)
```
#412104
```
#412104 rgb(65,33,4)
```
#532b05
```
#532b05 rgb(83,43,5)
```
#663406
```
#663406 rgb(102,52,6)
```
#783e07
```
#783e07 rgb(120,62,7)
```
#8b4808
```
#8b4808 rgb(139,72,8)
```
#9d510a
```
#9d510a rgb(157,81,10)
```
#b05b0b
```
#b05b0b rgb(176,91,11)
```
#c2640c
```
#c2640c rgb(194,100,12)
```
#d56e0d
```
#d56e0d rgb(213,110,13)
```
#e7770e
```
#e7770e rgb(231,119,14)
```

Shade Color Variation

#f18118
```
#f18118 rgb(241,129,24)
```
#f28b2a
```
#f28b2a rgb(242,139,42)
```
#f3953d
```
#f3953d rgb(243,149,61)
```
#f49f4f
```
#f49f4f rgb(244,159,79)
```
#f5a962
```
#f5a962 rgb(245,169,98)
```
#f7b374
```
#f7b374 rgb(247,179,116)
```
#f8be87
```
#f8be87 rgb(248,190,135)
```
#f9c899
```
#f9c899 rgb(249,200,153)
```
#fad2ac
```
#fad2ac rgb(250,210,172)
```
#fbdcbe
```
#fbdcbe rgb(251,220,190)
```
#fce6d1
```
#fce6d1 rgb(252,230,209)
```
#fdf0e3
```
#fdf0e3 rgb(253,240,227)
```
#fefaf6
```
#fefaf6 rgb(254,250,246)
```

Tint Color Variation

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

#898480
```
#898480 rgb(137,132,128)
```
#938476
```
#938476 rgb(147,132,118)
```
#9c846d
```
#9c846d rgb(156,132,109)
```
#a68363
```
#a68363 rgb(166,131,99)
```
#af835a
```
#af835a rgb(175,131,90)
```
#b88351
```
#b88351 rgb(184,131,81)
```
#c28347
```
#c28347 rgb(194,131,71)
```
#cb823e
```
#cb823e rgb(203,130,62)
```
#d58234
```
#d58234 rgb(213,130,52)
```
#de822b
```
#de822b rgb(222,130,43)
```
#e88121
```
#e88121 rgb(232,129,33)
```
#f18118
```
#f18118 rgb(241,129,24)
```
#fa810f
```
#fa810f rgb(250,129,15)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#a9937e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a32b Protanopia 1% of men
#cc9b0f Deuteranopia 1% of men
#f57e87 Tritanopia 0.001% of the population

Trichromacy

#cc9724 Protanomaly 1% of men, 0.01% of women
#d99212 Deuteranomaly 6% of men, 0.4% of women
#f47f5e Tritanomaly 0.01% of the population

#f18118 hex color

#f18118 Color Information

#f18118 Color Conversion

Color Schemes with #f18118

Alternatives to #f18118

#f18118 Preview

Shades and Tints of #f18118

Tones of #f18118

Color Blindness Simulator