#f31d06 hex color

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

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

● #f31d06 color description : Vivid red.

The hexadecimal color #f31d06 has RGB values of R:243, G:29, B:6 and CMYK values of C:0, M:0.88, Y:0.98, K:0.05. Its decimal value is 15932678.

Hex triplet	f31d06	`#f31d06`
RGB Decimal	243, 29, 6	`rgb(243,29,6)`
RGB Percent	95.3, 11.4, 2.4	`rgb(95.3%,11.4%,2.4%)`
CMYK	0, 88, 98, 5
HSL	5.8°, 95.2, 48.8	`hsl(5.8,95.2%,48.8%)`
HSV (or HSB)	5.8°, 97.5, 95.3
Web Safe	ff3300	`#ff3300`

CIE-LAB	51.782, 74.347, 63.641
XYZ	37.437, 19.952, 2.052
xyY	0.63, 0.336, 19.952
CIE-LCH	51.782, 97.865, 40.563
CIE-LUV	51.782, 160.826, 37.279
Hunter-Lab	44.667, 71.437, 28.543
Binary	11110011, 00011101, 00000110

#f31d06
```
#f31d06 rgb(243,29,6)
```
#06dcf3
```
#06dcf3 rgb(6,220,243)
```

Complementary Color

#f30666
```
#f30666 rgb(243,6,102)
```
#f31d06
```
#f31d06 rgb(243,29,6)
```
#f39406
```
#f39406 rgb(243,148,6)
```

Analogous Color

#0666f3
```
#0666f3 rgb(6,102,243)
```
#f31d06
```
#f31d06 rgb(243,29,6)
```
#06f394
```
#06f394 rgb(6,243,148)
```

Split Complementary Color

#1d06f3
```
#1d06f3 rgb(29,6,243)
```
#f31d06
```
#f31d06 rgb(243,29,6)
```
#06f31d
```
#06f31d rgb(6,243,29)
```

Triadic Color

#f306dc
```
#f306dc rgb(243,6,220)
```
#f31d06
```
#f31d06 rgb(243,29,6)
```
#06f31d
```
#06f31d rgb(6,243,29)
```
#06dcf3
```
#06dcf3 rgb(6,220,243)
```

Tetradic Color

#a81404
```
#a81404 rgb(168,20,4)
```
#c11705
```
#c11705 rgb(193,23,5)
```
#da1a05
```
#da1a05 rgb(218,26,5)
```
#f31d06
```
#f31d06 rgb(243,29,6)
```
#f92f19
```
#f92f19 rgb(249,47,25)
```
#fa4532
```
#fa4532 rgb(250,69,50)
```
#fb5c4b
```
#fb5c4b rgb(251,92,75)
```

Monochromatic Color

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

#f3062a
```
#f3062a rgb(243,6,42)
```
#f30617
```
#f30617 rgb(243,6,23)
```
#f30906
```
#f30906 rgb(243,9,6)
```
#f31d06
```
#f31d06 rgb(243,29,6)
```
#f33106
```
#f33106 rgb(243,49,6)
```
#f34506
```
#f34506 rgb(243,69,6)
```
#f35806
```
#f35806 rgb(243,88,6)
```

Similar Colors

Text with hexadecimal color #f31d06

This text has a font color of #f31d06.

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

#f31d06 background color

This paragraph has a background color of #f31d06.

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

#f31d06 border color

This element has a border color of #f31d06.

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

CSS codes

.text {color:#f31d06;}

.background {background-color:#f31d06;}

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

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

#0d0200
```
#0d0200 rgb(13,2,0)
```
#200401
```
#200401 rgb(32,4,1)
```
#340601
```
#340601 rgb(52,6,1)
```
#470802
```
#470802 rgb(71,8,2)
```
#5a0b02
```
#5a0b02 rgb(90,11,2)
```
#6d0d03
```
#6d0d03 rgb(109,13,3)
```
#800f03
```
#800f03 rgb(128,15,3)
```
#931204
```
#931204 rgb(147,18,4)
```
#a61404
```
#a61404 rgb(166,20,4)
```
#ba1605
```
#ba1605 rgb(186,22,5)
```
#cd1805
```
#cd1805 rgb(205,24,5)
```
#e01b06
```
#e01b06 rgb(224,27,6)
```
#f31d06
```
#f31d06 rgb(243,29,6)
```

Shade Color Variation

#f92a13
```
#f92a13 rgb(249,42,19)
```
#fa3b27
```
#fa3b27 rgb(250,59,39)
```
#fa4c3a
```
#fa4c3a rgb(250,76,58)
```
#fb5e4d
```
#fb5e4d rgb(251,94,77)
```
#fb6f60
```
#fb6f60 rgb(251,111,96)
```
#fc8073
```
#fc8073 rgb(252,128,115)
```
#fc9286
```
#fc9286 rgb(252,146,134)
```
#fca399
```
#fca399 rgb(252,163,153)
```
#fdb4ad
```
#fdb4ad rgb(253,180,173)
```
#fdc6c0
```
#fdc6c0 rgb(253,198,192)
```
#fed7d3
```
#fed7d3 rgb(254,215,211)
```
#fee8e6
```
#fee8e6 rgb(254,232,230)
```
#fffaf9
```
#fffaf9 rgb(255,250,249)
```

Tint Color Variation

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

#807a79
```
#807a79 rgb(128,122,121)
```
#8a726f
```
#8a726f rgb(138,114,111)
```
#936a66
```
#936a66 rgb(147,106,102)
```
#9d625c
```
#9d625c rgb(157,98,92)
```
#a65b53
```
#a65b53 rgb(166,91,83)
```
#b05349
```
#b05349 rgb(176,83,73)
```
#ba4b3f
```
#ba4b3f rgb(186,75,63)
```
#c34436
```
#c34436 rgb(195,68,54)
```
#cd3c2c
```
#cd3c2c rgb(205,60,44)
```
#d63423
```
#d63423 rgb(214,52,35)
```
#e02c19
```
#e02c19 rgb(224,44,25)
```
#e92510
```
#e92510 rgb(233,37,16)
```
#f31d06
```
#f31d06 rgb(243,29,6)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#794e49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918226 Protanopia 1% of men
#a27c00 Deuteranopia 1% of men
#f32723 Tritanopia 0.001% of the population

Trichromacy

#b45d1a Protanomaly 1% of men, 0.01% of women
#bf5902 Deuteranomaly 6% of men, 0.4% of women
#f32318 Tritanomaly 0.01% of the population

#f31d06 hex color

#f31d06 Color Information

#f31d06 Color Conversion

Color Schemes with #f31d06

Alternatives to #f31d06

#f31d06 Preview

Shades and Tints of #f31d06

Tones of #f31d06

Color Blindness Simulator