#f31106 hex color

In a RGB color space, hex #f31106 is composed of 95.3% red, 6.7% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93% magenta, 97.5% yellow and 4.7% black. It has a hue angle of 2.8 degrees, a saturation of 95.2% and a lightness of 48.8%. #f31106 color hex could be obtained by blending #ff220c with #e70000. Closest websafe color is: #ff0000.

♥
- f
- t
- g
- R 95
- G 7
- B 2
RGB color chart
- C 0
- M 93
- Y 98
- K 5
CMYK color chart

● #f31106 color description : Vivid red.

The hexadecimal color #f31106 has RGB values of R:243, G:17, B:6 and CMYK values of C:0, M:0.93, Y:0.98, K:0.05. Its decimal value is 15929606.

Hex triplet	f31106	`#f31106`
RGB Decimal	243, 17, 6	`rgb(243,17,6)`
RGB Percent	95.3, 6.7, 2.4	`rgb(95.3%,6.7%,2.4%)`
CMYK	0, 93, 98, 5
HSL	2.8°, 95.2, 48.8	`hsl(2.8,95.2%,48.8%)`
HSV (or HSB)	2.8°, 97.5, 95.3
Web Safe	ff0000	`#ff0000`

CIE-LAB	51.237, 75.917, 63.398
XYZ	37.198, 19.474, 1.973
xyY	0.634, 0.332, 19.474
CIE-LCH	51.237, 98.907, 39.865
CIE-LUV	51.237, 163.867, 36.297
Hunter-Lab	44.129, 73.237, 28.24
Binary	11110011, 00010001, 00000110

#f31106
```
#f31106 rgb(243,17,6)
```
#06e8f3
```
#06e8f3 rgb(6,232,243)
```

Complementary Color

#f30672
```
#f30672 rgb(243,6,114)
```
#f31106
```
#f31106 rgb(243,17,6)
```
#f38806
```
#f38806 rgb(243,136,6)
```

Analogous Color

#0672f3
```
#0672f3 rgb(6,114,243)
```
#f31106
```
#f31106 rgb(243,17,6)
```
#06f388
```
#06f388 rgb(6,243,136)
```

Split Complementary Color

#1106f3
```
#1106f3 rgb(17,6,243)
```
#f31106
```
#f31106 rgb(243,17,6)
```
#06f311
```
#06f311 rgb(6,243,17)
```

Triadic Color

#f306e8
```
#f306e8 rgb(243,6,232)
```
#f31106
```
#f31106 rgb(243,17,6)
```
#06f311
```
#06f311 rgb(6,243,17)
```
#06e8f3
```
#06e8f3 rgb(6,232,243)
```

Tetradic Color

#a80c04
```
#a80c04 rgb(168,12,4)
```
#c10e05
```
#c10e05 rgb(193,14,5)
```
#da0f05
```
#da0f05 rgb(218,15,5)
```
#f31106
```
#f31106 rgb(243,17,6)
```
#f92419
```
#f92419 rgb(249,36,25)
```
#fa3b32
```
#fa3b32 rgb(250,59,50)
```
#fb534b
```
#fb534b rgb(251,83,75)
```

Monochromatic Color

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

#f30636
```
#f30636 rgb(243,6,54)
```
#f30622
```
#f30622 rgb(243,6,34)
```
#f3060f
```
#f3060f rgb(243,6,15)
```
#f31106
```
#f31106 rgb(243,17,6)
```
#f32506
```
#f32506 rgb(243,37,6)
```
#f33906
```
#f33906 rgb(243,57,6)
```
#f34c06
```
#f34c06 rgb(243,76,6)
```

Similar Colors

Text with hexadecimal color #f31106

This text has a font color of #f31106.

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

#f31106 background color

This paragraph has a background color of #f31106.

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

#f31106 border color

This element has a border color of #f31106.

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

CSS codes

.text {color:#f31106;}

.background {background-color:#f31106;}

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

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

#0d0100
```
#0d0100 rgb(13,1,0)
```
#200201
```
#200201 rgb(32,2,1)
```
#340401
```
#340401 rgb(52,4,1)
```
#470502
```
#470502 rgb(71,5,2)
```
#5a0602
```
#5a0602 rgb(90,6,2)
```
#6d0803
```
#6d0803 rgb(109,8,3)
```
#800903
```
#800903 rgb(128,9,3)
```
#930a04
```
#930a04 rgb(147,10,4)
```
#a60c04
```
#a60c04 rgb(166,12,4)
```
#ba0d05
```
#ba0d05 rgb(186,13,5)
```
#cd0e05
```
#cd0e05 rgb(205,14,5)
```
#e01006
```
#e01006 rgb(224,16,6)
```
#f31106
```
#f31106 rgb(243,17,6)
```

Shade Color Variation

#f91e13
```
#f91e13 rgb(249,30,19)
```
#fa3027
```
#fa3027 rgb(250,48,39)
```
#fa433a
```
#fa433a rgb(250,67,58)
```
#fb554d
```
#fb554d rgb(251,85,77)
```
#fb6760
```
#fb6760 rgb(251,103,96)
```
#fc7973
```
#fc7973 rgb(252,121,115)
```
#fc8c86
```
#fc8c86 rgb(252,140,134)
```
#fc9e99
```
#fc9e99 rgb(252,158,153)
```
#fdb0ad
```
#fdb0ad rgb(253,176,173)
```
#fdc3c0
```
#fdc3c0 rgb(253,195,192)
```
#fed5d3
```
#fed5d3 rgb(254,213,211)
```
#fee7e6
```
#fee7e6 rgb(254,231,230)
```
#fff9f9
```
#fff9f9 rgb(255,249,249)
```

Tint Color Variation

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

#807979
```
#807979 rgb(128,121,121)
```
#8a716f
```
#8a716f rgb(138,113,111)
```
#936866
```
#936866 rgb(147,104,102)
```
#9d5f5c
```
#9d5f5c rgb(157,95,92)
```
#a65753
```
#a65753 rgb(166,87,83)
```
#b04e49
```
#b04e49 rgb(176,78,73)
```
#ba453f
```
#ba453f rgb(186,69,63)
```
#c33c36
```
#c33c36 rgb(195,60,54)
```
#cd342c
```
#cd342c rgb(205,52,44)
```
#d62b23
```
#d62b23 rgb(214,43,35)
```
#e02219
```
#e02219 rgb(224,34,25)
```
#e91a10
```
#e91a10 rgb(233,26,16)
```
#f31106
```
#f31106 rgb(243,17,6)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#734644 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908127 Protanopia 1% of men
#a07a00 Deuteranopia 1% of men
#f31d12 Tritanopia 0.001% of the population

Trichromacy

#b4581b Protanomaly 1% of men, 0.01% of women
#be5402 Deuteranomaly 6% of men, 0.4% of women
#f3180e Tritanomaly 0.01% of the population

#f31106 hex color

#f31106 Color Information

#f31106 Color Conversion

Color Schemes with #f31106

Alternatives to #f31106

#f31106 Preview

Shades and Tints of #f31106

Tones of #f31106

Color Blindness Simulator