#f04106 hex color

In a RGB color space, hex #f04106 is composed of 94.1% red, 25.5% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.9% magenta, 97.5% yellow and 5.9% black. It has a hue angle of 15.1 degrees, a saturation of 95.1% and a lightness of 48.2%. #f04106 color hex could be obtained by blending #ff820c with #e10000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 94
- G 25
- B 2
RGB color chart
- C 0
- M 73
- Y 98
- K 6
CMYK color chart

● #f04106 color description : Vivid orange.

The hexadecimal color #f04106 has RGB values of R:240, G:65, B:6 and CMYK values of C:0, M:0.73, Y:0.98, K:0.06. Its decimal value is 15745286.

Hex triplet	f04106	`#f04106`
RGB Decimal	240, 65, 6	`rgb(240,65,6)`
RGB Percent	94.1, 25.5, 2.4	`rgb(94.1%,25.5%,2.4%)`
CMYK	0, 73, 98, 6
HSL	15.1°, 95.1, 48.2	`hsl(15.1,95.1%,48.2%)`
HSV (or HSB)	15.1°, 97.5, 94.1
Web Safe	ff3300	`#ff3300`

CIE-LAB	54.369, 64.577, 64.574
XYZ	37.86, 22.324, 2.488
xyY	0.604, 0.356, 22.324
CIE-LCH	54.369, 91.324, 44.999
CIE-LUV	54.369, 141.714, 42.502
Hunter-Lab	47.248, 60.35, 29.952
Binary	11110000, 01000001, 00000110

#f04106
```
#f04106 rgb(240,65,6)
```
#06b5f0
```
#06b5f0 rgb(6,181,240)
```

Complementary Color

#f00640
```
#f00640 rgb(240,6,64)
```
#f04106
```
#f04106 rgb(240,65,6)
```
#f0b606
```
#f0b606 rgb(240,182,6)
```

Analogous Color

#0640f0
```
#0640f0 rgb(6,64,240)
```
#f04106
```
#f04106 rgb(240,65,6)
```
#06f0b6
```
#06f0b6 rgb(6,240,182)
```

Split Complementary Color

#4106f0
```
#4106f0 rgb(65,6,240)
```
#f04106
```
#f04106 rgb(240,65,6)
```
#06f041
```
#06f041 rgb(6,240,65)
```

Triadic Color

#f006b5
```
#f006b5 rgb(240,6,181)
```
#f04106
```
#f04106 rgb(240,65,6)
```
#06f041
```
#06f041 rgb(6,240,65)
```
#06b5f0
```
#06b5f0 rgb(6,181,240)
```

Tetradic Color

#a52d04
```
#a52d04 rgb(165,45,4)
```
#be3405
```
#be3405 rgb(190,52,5)
```
#d73a05
```
#d73a05 rgb(215,58,5)
```
#f04106
```
#f04106 rgb(240,65,6)
```
#f95016
```
#f95016 rgb(249,80,22)
```
#fa622f
```
#fa622f rgb(250,98,47)
```
#fa7548
```
#fa7548 rgb(250,117,72)
```

Monochromatic Color

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

#f00706
```
#f00706 rgb(240,7,6)
```
#f01a06
```
#f01a06 rgb(240,26,6)
```
#f02e06
```
#f02e06 rgb(240,46,6)
```
#f04106
```
#f04106 rgb(240,65,6)
```
#f05506
```
#f05506 rgb(240,85,6)
```
#f06806
```
#f06806 rgb(240,104,6)
```
#f07c06
```
#f07c06 rgb(240,124,6)
```

Similar Colors

Text with hexadecimal color #f04106

This text has a font color of #f04106.

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

#f04106 background color

This paragraph has a background color of #f04106.

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

#f04106 border color

This element has a border color of #f04106.

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

CSS codes

.text {color:#f04106;}

.background {background-color:#f04106;}

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

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

#0a0300
```
#0a0300 rgb(10,3,0)
```
#1d0801
```
#1d0801 rgb(29,8,1)
```
#310d01
```
#310d01 rgb(49,13,1)
```
#441202
```
#441202 rgb(68,18,2)
```
#571802
```
#571802 rgb(87,24,2)
```
#6a1d03
```
#6a1d03 rgb(106,29,3)
```
#7d2203
```
#7d2203 rgb(125,34,3)
```
#902704
```
#902704 rgb(144,39,4)
```
#a32c04
```
#a32c04 rgb(163,44,4)
```
#b73105
```
#b73105 rgb(183,49,5)
```
#ca3705
```
#ca3705 rgb(202,55,5)
```
#dd3c06
```
#dd3c06 rgb(221,60,6)
```
#f04106
```
#f04106 rgb(240,65,6)
```

Shade Color Variation

#f94b11
```
#f94b11 rgb(249,75,17)
```
#fa5a24
```
#fa5a24 rgb(250,90,36)
```
#fa6837
```
#fa6837 rgb(250,104,55)
```
#fa764a
```
#fa764a rgb(250,118,74)
```
#fb855d
```
#fb855d rgb(251,133,93)
```
#fb9370
```
#fb9370 rgb(251,147,112)
```
#fca283
```
#fca283 rgb(252,162,131)
```
#fcb097
```
#fcb097 rgb(252,176,151)
```
#fdbfaa
```
#fdbfaa rgb(253,191,170)
```
#fdcdbd
```
#fdcdbd rgb(253,205,189)
```
#fedcd0
```
#fedcd0 rgb(254,220,208)
```
#feeae3
```
#feeae3 rgb(254,234,227)
```
#fff8f6
```
#fff8f6 rgb(255,248,246)
```

Tint Color Variation

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

#7e7978
```
#7e7978 rgb(126,121,120)
```
#88756e
```
#88756e rgb(136,117,110)
```
#917065
```
#917065 rgb(145,112,101)
```
#9b6b5b
```
#9b6b5b rgb(155,107,91)
```
#a46752
```
#a46752 rgb(164,103,82)
```
#ae6248
```
#ae6248 rgb(174,98,72)
```
#b75d3f
```
#b75d3f rgb(183,93,63)
```
#c15835
```
#c15835 rgb(193,88,53)
```
#ca542c
```
#ca542c rgb(202,84,44)
```
#d44f22
```
#d44f22 rgb(212,79,34)
```
#dd4a19
```
#dd4a19 rgb(221,74,25)
```
#e7460f
```
#e7460f rgb(231,70,15)
```
#f04106
```
#f04106 rgb(240,65,6)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#89665a Atypical Achromatopsia 0.001% of the population

Dichromacy

#988823 Protanopia 1% of men
#aa8200 Deuteranopia 1% of men
#f14648 Tritanopia 0.001% of the population

Trichromacy

#b86e18 Protanomaly 1% of men, 0.01% of women
#c36a02 Deuteranomaly 6% of men, 0.4% of women
#f14430 Tritanomaly 0.01% of the population

#f04106 hex color

#f04106 Color Information

#f04106 Color Conversion

Color Schemes with #f04106

Alternatives to #f04106

#f04106 Preview

Shades and Tints of #f04106

Tones of #f04106

Color Blindness Simulator