#f18d0b hex color

In a RGB color space, hex #f18d0b is composed of 94.5% red, 55.3% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.5% magenta, 95.4% yellow and 5.5% black. It has a hue angle of 33.9 degrees, a saturation of 91.3% and a lightness of 49.4%. #f18d0b color hex could be obtained by blending #ffff16 with #e31b00. Closest websafe color is: #ff9900.

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

● #f18d0b color description : Vivid orange.

The hexadecimal color #f18d0b has RGB values of R:241, G:141, B:11 and CMYK values of C:0, M:0.41, Y:0.95, K:0.05. Its decimal value is 15830283.

Hex triplet	f18d0b	`#f18d0b`
RGB Decimal	241, 141, 11	`rgb(241,141,11)`
RGB Percent	94.5, 55.3, 4.3	`rgb(94.5%,55.3%,4.3%)`
CMYK	0, 41, 95, 5
HSL	33.9°, 91.3, 49.4	`hsl(33.9,91.3%,49.4%)`
HSV (or HSB)	33.9°, 95.4, 94.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	67.857, 30.719, 72.05
XYZ	45.862, 37.778, 5.193
xyY	0.516, 0.425, 37.778
CIE-LCH	67.857, 78.325, 66.909
CIE-LUV	67.857, 83.117, 64.371
Hunter-Lab	61.464, 25.628, 38.015
Binary	11110001, 10001101, 00001011

#f18d0b
```
#f18d0b rgb(241,141,11)
```
#0b6ff1
```
#0b6ff1 rgb(11,111,241)
```

Complementary Color

#f11a0b
```
#f11a0b rgb(241,26,11)
```
#f18d0b
```
#f18d0b rgb(241,141,11)
```
#e2f10b
```
#e2f10b rgb(226,241,11)
```

Analogous Color

#1a0bf1
```
#1a0bf1 rgb(26,11,241)
```
#f18d0b
```
#f18d0b rgb(241,141,11)
```
#0be2f1
```
#0be2f1 rgb(11,226,241)
```

Split Complementary Color

#8d0bf1
```
#8d0bf1 rgb(141,11,241)
```
#f18d0b
```
#f18d0b rgb(241,141,11)
```
#0bf18d
```
#0bf18d rgb(11,241,141)
```

Triadic Color

#f10b6f
```
#f10b6f rgb(241,11,111)
```
#f18d0b
```
#f18d0b rgb(241,141,11)
```
#0bf18d
```
#0bf18d rgb(11,241,141)
```
#0b6ff1
```
#0b6ff1 rgb(11,111,241)
```

Tetradic Color

#a86208
```
#a86208 rgb(168,98,8)
```
#c07009
```
#c07009 rgb(192,112,9)
```
#d97f0a
```
#d97f0a rgb(217,127,10)
```
#f18d0b
```
#f18d0b rgb(241,141,11)
```
#f59921
```
#f59921 rgb(245,153,33)
```
#f6a439
```
#f6a439 rgb(246,164,57)
```
#f7af51
```
#f7af51 rgb(247,175,81)
```

Monochromatic Color

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

#f1540b
```
#f1540b rgb(241,84,11)
```
#f1670b
```
#f1670b rgb(241,103,11)
```
#f17a0b
```
#f17a0b rgb(241,122,11)
```
#f18d0b
```
#f18d0b rgb(241,141,11)
```
#f1a00b
```
#f1a00b rgb(241,160,11)
```
#f1b30b
```
#f1b30b rgb(241,179,11)
```
#f1c70b
```
#f1c70b rgb(241,199,11)
```

Similar Colors

Text with hexadecimal color #f18d0b

This text has a font color of #f18d0b.

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

#f18d0b background color

This paragraph has a background color of #f18d0b.

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

#f18d0b border color

This element has a border color of #f18d0b.

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

CSS codes

.text {color:#f18d0b;}

.background {background-color:#f18d0b;}

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

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

#100901
```
#100901 rgb(16,9,1)
```
#231402
```
#231402 rgb(35,20,2)
```
#351f02
```
#351f02 rgb(53,31,2)
```
#482a03
```
#482a03 rgb(72,42,3)
```
#5b3504
```
#5b3504 rgb(91,53,4)
```
#6e4005
```
#6e4005 rgb(110,64,5)
```
#804b06
```
#804b06 rgb(128,75,6)
```
#935607
```
#935607 rgb(147,86,7)
```
#a66108
```
#a66108 rgb(166,97,8)
```
#b96c08
```
#b96c08 rgb(185,108,8)
```
#cb7709
```
#cb7709 rgb(203,119,9)
```
#de820a
```
#de820a rgb(222,130,10)
```
#f18d0b
```
#f18d0b rgb(241,141,11)
```

Shade Color Variation

#f5961b
```
#f5961b rgb(245,150,27)
```
#f59f2e
```
#f59f2e rgb(245,159,46)
```
#f6a741
```
#f6a741 rgb(246,167,65)
```
#f7b053
```
#f7b053 rgb(247,176,83)
```
#f8b966
```
#f8b966 rgb(248,185,102)
```
#f9c179
```
#f9c179 rgb(249,193,121)
```
#faca8c
```
#faca8c rgb(250,202,140)
```
#fbd29e
```
#fbd29e rgb(251,210,158)
```
#fbdbb1
```
#fbdbb1 rgb(251,219,177)
```
#fce4c4
```
#fce4c4 rgb(252,228,196)
```
#fdecd7
```
#fdecd7 rgb(253,236,215)
```
#fef5e9
```
#fef5e9 rgb(254,245,233)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#867f76
```
#867f76 rgb(134,127,118)
```
#90806c
```
#90806c rgb(144,128,108)
```
#9a8262
```
#9a8262 rgb(154,130,98)
```
#a38359
```
#a38359 rgb(163,131,89)
```
#ad844f
```
#ad844f rgb(173,132,79)
```
#b78545
```
#b78545 rgb(183,133,69)
```
#c1873b
```
#c1873b rgb(193,135,59)
```
#ca8832
```
#ca8832 rgb(202,136,50)
```
#d48928
```
#d48928 rgb(212,137,40)
```
#de8a1e
```
#de8a1e rgb(222,138,30)
```
#e78c15
```
#e78c15 rgb(231,140,21)
```
#f18d0b
```
#f18d0b rgb(241,141,11)
```
#fb8e01
```
#fb8e01 rgb(251,142,1)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#ad997f Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa1f Protanopia 1% of men
#d4a100 Deuteranopia 1% of men
#f68992 Tritanopia 0.001% of the population

Trichromacy

#d09f18 Protanomaly 1% of men, 0.01% of women
#df9a04 Deuteranomaly 6% of men, 0.4% of women
#f48a61 Tritanomaly 0.01% of the population

#f18d0b hex color

#f18d0b Color Information

#f18d0b Color Conversion

Color Schemes with #f18d0b

Alternatives to #f18d0b

#f18d0b Preview

Shades and Tints of #f18d0b

Tones of #f18d0b

Color Blindness Simulator