#f18b1b hex color

In a RGB color space, hex #f18b1b is composed of 94.5% red, 54.5% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.3% magenta, 88.8% yellow and 5.5% black. It has a hue angle of 31.4 degrees, a saturation of 88.4% and a lightness of 52.5%. #f18b1b color hex could be obtained by blending #ffff36 with #e31700. Closest websafe color is: #ff9933.

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

● #f18b1b color description : Vivid orange.

The hexadecimal color #f18b1b has RGB values of R:241, G:139, B:27 and CMYK values of C:0, M:0.42, Y:0.89, K:0.05. Its decimal value is 15829787.

Hex triplet	f18b1b	`#f18b1b`
RGB Decimal	241, 139, 27	`rgb(241,139,27)`
RGB Percent	94.5, 54.5, 10.6	`rgb(94.5%,54.5%,10.6%)`
CMYK	0, 42, 89, 5
HSL	31.4°, 88.4, 52.5	`hsl(31.4,88.4%,52.5%)`
HSV (or HSB)	31.4°, 88.8, 94.5
Web Safe	ff9933	`#ff9933`

CIE-LAB	67.463, 31.974, 68.566
XYZ	45.708, 37.249, 5.82
xyY	0.515, 0.42, 37.249
CIE-LCH	67.463, 75.654, 64.999
CIE-LUV	67.463, 84.323, 62.025
Hunter-Lab	61.032, 26.875, 37.069
Binary	11110001, 10001011, 00011011

#f18b1b
```
#f18b1b rgb(241,139,27)
```
#1b81f1
```
#1b81f1 rgb(27,129,241)
```

Complementary Color

#f1201b
```
#f1201b rgb(241,32,27)
```
#f18b1b
```
#f18b1b rgb(241,139,27)
```
#ecf11b
```
#ecf11b rgb(236,241,27)
```

Analogous Color

#201bf1
```
#201bf1 rgb(32,27,241)
```
#f18b1b
```
#f18b1b rgb(241,139,27)
```
#1becf1
```
#1becf1 rgb(27,236,241)
```

Split Complementary Color

#8b1bf1
```
#8b1bf1 rgb(139,27,241)
```
#f18b1b
```
#f18b1b rgb(241,139,27)
```
#1bf18b
```
#1bf18b rgb(27,241,139)
```

Triadic Color

#f11b81
```
#f11b81 rgb(241,27,129)
```
#f18b1b
```
#f18b1b rgb(241,139,27)
```
#1bf18b
```
#1bf18b rgb(27,241,139)
```
#1b81f1
```
#1b81f1 rgb(27,129,241)
```

Tetradic Color

#b4640b
```
#b4640b rgb(180,100,11)
```
#cc710d
```
#cc710d rgb(204,113,13)
```
#e47e0e
```
#e47e0e rgb(228,126,14)
```
#f18b1b
```
#f18b1b rgb(241,139,27)
```
#f29733
```
#f29733 rgb(242,151,51)
```
#f4a34b
```
#f4a34b rgb(244,163,75)
```
#f5b063
```
#f5b063 rgb(245,176,99)
```

Monochromatic Color

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

#f1561b
```
#f1561b rgb(241,86,27)
```
#f1671b
```
#f1671b rgb(241,103,27)
```
#f1791b
```
#f1791b rgb(241,121,27)
```
#f18b1b
```
#f18b1b rgb(241,139,27)
```
#f19d1b
```
#f19d1b rgb(241,157,27)
```
#f1af1b
```
#f1af1b rgb(241,175,27)
```
#f1c11b
```
#f1c11b rgb(241,193,27)
```

Similar Colors

Text with hexadecimal color #f18b1b

This text has a font color of #f18b1b.

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

#f18b1b background color

This paragraph has a background color of #f18b1b.

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

#f18b1b border color

This element has a border color of #f18b1b.

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

CSS codes

.text {color:#f18b1b;}

.background {background-color:#f18b1b;}

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

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

#0c0701
```
#0c0701 rgb(12,7,1)
```
#1f1102
```
#1f1102 rgb(31,17,2)
```
#311b03
```
#311b03 rgb(49,27,3)
```
#442504
```
#442504 rgb(68,37,4)
```
#563005
```
#563005 rgb(86,48,5)
```
#693a06
```
#693a06 rgb(105,58,6)
```
#7b4408
```
#7b4408 rgb(123,68,8)
```
#8e4e09
```
#8e4e09 rgb(142,78,9)
```
#a0580a
```
#a0580a rgb(160,88,10)
```
#b3630b
```
#b3630b rgb(179,99,11)
```
#c56d0c
```
#c56d0c rgb(197,109,12)
```
#d8770d
```
#d8770d rgb(216,119,13)
```
#ea810e
```
#ea810e rgb(234,129,14)
```

Shade Color Variation

#f18b1b
```
#f18b1b rgb(241,139,27)
```
#f2942d
```
#f2942d rgb(242,148,45)
```
#f39e40
```
#f39e40 rgb(243,158,64)
```
#f4a752
```
#f4a752 rgb(244,167,82)
```
#f6b165
```
#f6b165 rgb(246,177,101)
```
#f7ba77
```
#f7ba77 rgb(247,186,119)
```
#f8c38a
```
#f8c38a rgb(248,195,138)
```
#f9cd9c
```
#f9cd9c rgb(249,205,156)
```
#fad6af
```
#fad6af rgb(250,214,175)
```
#fbe0c1
```
#fbe0c1 rgb(251,224,193)
```
#fce9d4
```
#fce9d4 rgb(252,233,212)
```
#fdf2e6
```
#fdf2e6 rgb(253,242,230)
```
#fffcf9
```
#fffcf9 rgb(255,252,249)
```

Tint Color Variation

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

#8b8681
```
#8b8681 rgb(139,134,129)
```
#948778
```
#948778 rgb(148,135,120)
```
#9d876f
```
#9d876f rgb(157,135,111)
```
#a78865
```
#a78865 rgb(167,136,101)
```
#b0885c
```
#b0885c rgb(176,136,92)
```
#b98853
```
#b98853 rgb(185,136,83)
```
#c2894a
```
#c2894a rgb(194,137,74)
```
#cc8940
```
#cc8940 rgb(204,137,64)
```
#d58a37
```
#d58a37 rgb(213,138,55)
```
#de8a2e
```
#de8a2e rgb(222,138,46)
```
#e88b24
```
#e88b24 rgb(232,139,36)
```
#f18b1b
```
#f18b1b rgb(241,139,27)
```
#fa8b12
```
#fa8b12 rgb(250,139,18)
```

Tone Color Variation

Below, you can see how #f18b1b 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
#ae9983 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bda92d Protanopia 1% of men
#d3a019 Deuteranopia 1% of men
#f68790 Tritanopia 0.001% of the population

Trichromacy

#cf9e26 Protanomaly 1% of men, 0.01% of women
#de981a Deuteranomaly 6% of men, 0.4% of women
#f48865 Tritanomaly 0.01% of the population

#f18b1b hex color

#f18b1b Color Information

#f18b1b Color Conversion

Color Schemes with #f18b1b

Alternatives to #f18b1b

#f18b1b Preview

Shades and Tints of #f18b1b

Tones of #f18b1b

Color Blindness Simulator