#f18a40 hex color

In a RGB color space, hex #f18a40 is composed of 94.5% red, 54.1% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.7% magenta, 73.4% yellow and 5.5% black. It has a hue angle of 25.1 degrees, a saturation of 86.3% and a lightness of 59.8%. #f18a40 color hex could be obtained by blending #ffff80 with #e31500. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 95
- G 54
- B 25
RGB color chart
- C 0
- M 43
- Y 73
- K 5
CMYK color chart

● #f18a40 color description : Bright orange.

The hexadecimal color #f18a40 has RGB values of R:241, G:138, B:64 and CMYK values of C:0, M:0.43, Y:0.73, K:0.05. Its decimal value is 15829568.

Hex triplet	f18a40	`#f18a40`
RGB Decimal	241, 138, 64	`rgb(241,138,64)`
RGB Percent	94.5, 54.1, 25.1	`rgb(94.5%,54.1%,25.1%)`
CMYK	0, 43, 73, 5
HSL	25.1°, 86.3, 59.8	`hsl(25.1,86.3%,59.8%)`
HSV (or HSB)	25.1°, 73.4, 94.5
Web Safe	ff9933	`#ff9933`

CIE-LAB	67.465, 33.624, 54.882
XYZ	46.291, 37.252, 9.603
xyY	0.497, 0.4, 37.252
CIE-LCH	67.465, 64.363, 58.505
CIE-LUV	67.465, 82.683, 53.13
Hunter-Lab	61.034, 28.572, 33.396
Binary	11110001, 10001010, 01000000

#f18a40
```
#f18a40 rgb(241,138,64)
```
#40a7f1
```
#40a7f1 rgb(64,167,241)
```

Complementary Color

#f1404e
```
#f1404e rgb(241,64,78)
```
#f18a40
```
#f18a40 rgb(241,138,64)
```
#f1e340
```
#f1e340 rgb(241,227,64)
```

Analogous Color

#404ff1
```
#404ff1 rgb(64,79,241)
```
#f18a40
```
#f18a40 rgb(241,138,64)
```
#40f1e3
```
#40f1e3 rgb(64,241,227)
```

Split Complementary Color

#8a40f1
```
#8a40f1 rgb(138,64,241)
```
#f18a40
```
#f18a40 rgb(241,138,64)
```
#40f18a
```
#40f18a rgb(64,241,138)
```

Triadic Color

#f140a7
```
#f140a7 rgb(241,64,167)
```
#f18a40
```
#f18a40 rgb(241,138,64)
```
#40f18a
```
#40f18a rgb(64,241,138)
```
#40a7f1
```
#40a7f1 rgb(64,167,241)
```

Tetradic Color

#d56210
```
#d56210 rgb(213,98,16)
```
#ed6d11
```
#ed6d11 rgb(237,109,17)
```
#ef7b28
```
#ef7b28 rgb(239,123,40)
```
#f18a40
```
#f18a40 rgb(241,138,64)
```
#f39958
```
#f39958 rgb(243,153,88)
```
#f4a770
```
#f4a770 rgb(244,167,112)
```
#f6b687
```
#f6b687 rgb(246,182,135)
```

Monochromatic Color

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

#f15e40
```
#f15e40 rgb(241,94,64)
```
#f16d40
```
#f16d40 rgb(241,109,64)
```
#f17b40
```
#f17b40 rgb(241,123,64)
```
#f18a40
```
#f18a40 rgb(241,138,64)
```
#f19940
```
#f19940 rgb(241,153,64)
```
#f1a840
```
#f1a840 rgb(241,168,64)
```
#f1b640
```
#f1b640 rgb(241,182,64)
```

Similar Colors

Text with hexadecimal color #f18a40

This text has a font color of #f18a40.

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

#f18a40 background color

This paragraph has a background color of #f18a40.

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

#f18a40 border color

This element has a border color of #f18a40.

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

CSS codes

.text {color:#f18a40;}

.background {background-color:#f18a40;}

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

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

#0a0501
```
#0a0501 rgb(10,5,1)
```
#1c0d02
```
#1c0d02 rgb(28,13,2)
```
#2f1503
```
#2f1503 rgb(47,21,3)
```
#411e05
```
#411e05 rgb(65,30,5)
```
#532606
```
#532606 rgb(83,38,6)
```
#652f07
```
#652f07 rgb(101,47,7)
```
#783709
```
#783709 rgb(120,55,9)
```
#8a400a
```
#8a400a rgb(138,64,10)
```
#9c480b
```
#9c480b rgb(156,72,11)
```
#af500d
```
#af500d rgb(175,80,13)
```
#c1590e
```
#c1590e rgb(193,89,14)
```
#d3610f
```
#d3610f rgb(211,97,15)
```
#e56a11
```
#e56a11 rgb(229,106,17)
```

Shade Color Variation

#ee741b
```
#ee741b rgb(238,116,27)
```
#f07f2e
```
#f07f2e rgb(240,127,46)
```
#f18a40
```
#f18a40 rgb(241,138,64)
```
#f29552
```
#f29552 rgb(242,149,82)
```
#f4a065
```
#f4a065 rgb(244,160,101)
```
#f5ac77
```
#f5ac77 rgb(245,172,119)
```
#f6b789
```
#f6b789 rgb(246,183,137)
```
#f8c29b
```
#f8c29b rgb(248,194,155)
```
#f9cdae
```
#f9cdae rgb(249,205,174)
```
#fad8c0
```
#fad8c0 rgb(250,216,192)
```
#fce4d2
```
#fce4d2 rgb(252,228,210)
```
#fdefe4
```
#fdefe4 rgb(253,239,228)
```
#fefaf7
```
#fefaf7 rgb(254,250,247)
```

Tint Color Variation

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

#9a9897
```
#9a9897 rgb(154,152,151)
```
#a2978f
```
#a2978f rgb(162,151,143)
```
#aa9687
```
#aa9687 rgb(170,150,135)
```
#b2947f
```
#b2947f rgb(178,148,127)
```
#ba9377
```
#ba9377 rgb(186,147,119)
```
#c2926f
```
#c2926f rgb(194,146,111)
```
#ca9067
```
#ca9067 rgb(202,144,103)
```
#d18f60
```
#d18f60 rgb(209,143,96)
```
#d98e58
```
#d98e58 rgb(217,142,88)
```
#e18d50
```
#e18d50 rgb(225,141,80)
```
#e98b48
```
#e98b48 rgb(233,139,72)
```
#f18a40
```
#f18a40 rgb(241,138,64)
```
#f98938
```
#f98938 rgb(249,137,56)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#b09c8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa951 Protanopia 1% of men
#d0a144 Deuteranopia 1% of men
#f58891 Tritanopia 0.001% of the population

Trichromacy

#ce9d4a Protanomaly 1% of men, 0.01% of women
#dc9842 Deuteranomaly 6% of men, 0.4% of women
#f48873 Tritanomaly 0.01% of the population

#f18a40 hex color

#f18a40 Color Information

#f18a40 Color Conversion

Color Schemes with #f18a40

Alternatives to #f18a40

#f18a40 Preview

Shades and Tints of #f18a40

Tones of #f18a40

Color Blindness Simulator