#f18b1c hex color

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

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

● #f18b1c color description : Vivid orange.

The hexadecimal color #f18b1c has RGB values of R:241, G:139, B:28 and CMYK values of C:0, M:0.42, Y:0.88, K:0.05. Its decimal value is 15829788.

Hex triplet	f18b1c	`#f18b1c`
RGB Decimal	241, 139, 28	`rgb(241,139,28)`
RGB Percent	94.5, 54.5, 11	`rgb(94.5%,54.5%,11%)`
CMYK	0, 42, 88, 5
HSL	31.3°, 88.4, 52.7	`hsl(31.3,88.4%,52.7%)`
HSV (or HSB)	31.3°, 88.4, 94.5
Web Safe	ff9933	`#ff9933`

CIE-LAB	67.467, 31.992, 68.305
XYZ	45.719, 37.254, 5.882
xyY	0.515, 0.419, 37.254
CIE-LCH	67.467, 75.426, 64.903
CIE-LUV	67.467, 84.282, 61.884
Hunter-Lab	61.036, 26.894, 37.012
Binary	11110001, 10001011, 00011100

#f18b1c
```
#f18b1c rgb(241,139,28)
```
#1c82f1
```
#1c82f1 rgb(28,130,241)
```

Complementary Color

#f1201c
```
#f1201c rgb(241,32,28)
```
#f18b1c
```
#f18b1c rgb(241,139,28)
```
#edf11c
```
#edf11c rgb(237,241,28)
```

Analogous Color

#201cf1
```
#201cf1 rgb(32,28,241)
```
#f18b1c
```
#f18b1c rgb(241,139,28)
```
#1cedf1
```
#1cedf1 rgb(28,237,241)
```

Split Complementary Color

#8b1cf1
```
#8b1cf1 rgb(139,28,241)
```
#f18b1c
```
#f18b1c rgb(241,139,28)
```
#1cf18b
```
#1cf18b rgb(28,241,139)
```

Triadic Color

#f11c82
```
#f11c82 rgb(241,28,130)
```
#f18b1c
```
#f18b1c rgb(241,139,28)
```
#1cf18b
```
#1cf18b rgb(28,241,139)
```
#1c82f1
```
#1c82f1 rgb(28,130,241)
```

Tetradic Color

#b5640b
```
#b5640b rgb(181,100,11)
```
#cd710d
```
#cd710d rgb(205,113,13)
```
#e57e0e
```
#e57e0e rgb(229,126,14)
```
#f18b1c
```
#f18b1c rgb(241,139,28)
```
#f29734
```
#f29734 rgb(242,151,52)
```
#f4a44c
```
#f4a44c rgb(244,164,76)
```
#f5b064
```
#f5b064 rgb(245,176,100)
```

Monochromatic Color

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

#f1561c
```
#f1561c rgb(241,86,28)
```
#f1681c
```
#f1681c rgb(241,104,28)
```
#f1791c
```
#f1791c rgb(241,121,28)
```
#f18b1c
```
#f18b1c rgb(241,139,28)
```
#f19d1c
```
#f19d1c rgb(241,157,28)
```
#f1af1c
```
#f1af1c rgb(241,175,28)
```
#f1c01c
```
#f1c01c rgb(241,192,28)
```

Similar Colors

Text with hexadecimal color #f18b1c

This text has a font color of #f18b1c.

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

#f18b1c background color

This paragraph has a background color of #f18b1c.

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

#f18b1c border color

This element has a border color of #f18b1c.

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

CSS codes

.text {color:#f18b1c;}

.background {background-color:#f18b1c;}

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

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

#0d0701
```
#0d0701 rgb(13,7,1)
```
#201102
```
#201102 rgb(32,17,2)
```
#321c03
```
#321c03 rgb(50,28,3)
```
#452604
```
#452604 rgb(69,38,4)
```
#573005
```
#573005 rgb(87,48,5)
```
#6a3a07
```
#6a3a07 rgb(106,58,7)
```
#7c4408
```
#7c4408 rgb(124,68,8)
```
#8f4e09
```
#8f4e09 rgb(143,78,9)
```
#a1590a
```
#a1590a rgb(161,89,10)
```
#b3630b
```
#b3630b rgb(179,99,11)
```
#c66d0c
```
#c66d0c rgb(198,109,12)
```
#d8770d
```
#d8770d rgb(216,119,13)
```
#eb810e
```
#eb810e rgb(235,129,14)
```

Shade Color Variation

#f18b1c
```
#f18b1c rgb(241,139,28)
```
#f2942e
```
#f2942e rgb(242,148,46)
```
#f39e41
```
#f39e41 rgb(243,158,65)
```
#f4a753
```
#f4a753 rgb(244,167,83)
```
#f6b166
```
#f6b166 rgb(246,177,102)
```
#f7ba78
```
#f7ba78 rgb(247,186,120)
```
#f8c48b
```
#f8c48b rgb(248,196,139)
```
#f9cd9d
```
#f9cd9d rgb(249,205,157)
```
#fad7b0
```
#fad7b0 rgb(250,215,176)
```
#fbe0c2
```
#fbe0c2 rgb(251,224,194)
```
#fce9d5
```
#fce9d5 rgb(252,233,213)
```
#fef3e7
```
#fef3e7 rgb(254,243,231)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Tint Color Variation

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

#8b8782
```
#8b8782 rgb(139,135,130)
```
#948779
```
#948779 rgb(148,135,121)
```
#9e876f
```
#9e876f rgb(158,135,111)
```
#a78866
```
#a78866 rgb(167,136,102)
```
#b0885d
```
#b0885d rgb(176,136,93)
```
#b98954
```
#b98954 rgb(185,137,84)
```
#c3894a
```
#c3894a rgb(195,137,74)
```
#cc8941
```
#cc8941 rgb(204,137,65)
```
#d58a38
```
#d58a38 rgb(213,138,56)
```
#de8a2f
```
#de8a2f rgb(222,138,47)
```
#e88b25
```
#e88b25 rgb(232,139,37)
```
#f18b1c
```
#f18b1c rgb(241,139,28)
```
#fa8b13
```
#fa8b13 rgb(250,139,19)
```

Tone Color Variation

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

#bca92e Protanopia 1% of men
#d3a01b Deuteranopia 1% of men
#f68790 Tritanopia 0.001% of the population

Trichromacy

#cf9e27 Protanomaly 1% of men, 0.01% of women
#de981b Deuteranomaly 6% of men, 0.4% of women
#f48866 Tritanomaly 0.01% of the population

#f18b1c hex color

#f18b1c Color Information

#f18b1c Color Conversion

Color Schemes with #f18b1c

Alternatives to #f18b1c

#f18b1c Preview

Shades and Tints of #f18b1c

Tones of #f18b1c

Color Blindness Simulator