#f31a18 hex color

In a RGB color space, hex #f31a18 is composed of 95.3% red, 10.2% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.3% magenta, 90.1% yellow and 4.7% black. It has a hue angle of 0.5 degrees, a saturation of 90.1% and a lightness of 52.4%. #f31a18 color hex could be obtained by blending #ff3430 with #e70000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 95
- G 10
- B 9
RGB color chart
- C 0
- M 89
- Y 90
- K 5
CMYK color chart

● #f31a18 color description : Vivid red.

The hexadecimal color #f31a18 has RGB values of R:243, G:26, B:24 and CMYK values of C:0, M:0.89, Y:0.9, K:0.05. Its decimal value is 15931928.

Hex triplet	f31a18	`#f31a18`
RGB Decimal	243, 26, 24	`rgb(243,26,24)`
RGB Percent	95.3, 10.2, 9.4	`rgb(95.3%,10.2%,9.4%)`
CMYK	0, 89, 90, 5
HSL	0.5°, 90.1, 52.4	`hsl(0.5,90.1%,52.4%)`
HSV (or HSB)	0.5°, 90.1, 95.3
Web Safe	ff3300	`#ff3300`

CIE-LAB	51.684, 74.976, 58.202
XYZ	37.499, 19.864, 2.724
xyY	0.624, 0.331, 19.864
CIE-LCH	51.684, 94.915, 37.821
CIE-LUV	51.684, 160.346, 34.885
Hunter-Lab	44.569, 72.184, 27.575
Binary	11110011, 00011010, 00011000

#f31a18
```
#f31a18 rgb(243,26,24)
```
#18f1f3
```
#18f1f3 rgb(24,241,243)
```

Complementary Color

#f31884
```
#f31884 rgb(243,24,132)
```
#f31a18
```
#f31a18 rgb(243,26,24)
```
#f38818
```
#f38818 rgb(243,136,24)
```

Analogous Color

#1884f3
```
#1884f3 rgb(24,132,243)
```
#f31a18
```
#f31a18 rgb(243,26,24)
```
#18f388
```
#18f388 rgb(24,243,136)
```

Split Complementary Color

#1a18f3
```
#1a18f3 rgb(26,24,243)
```
#f31a18
```
#f31a18 rgb(243,26,24)
```
#18f31a
```
#18f31a rgb(24,243,26)
```

Triadic Color

#f318f1
```
#f318f1 rgb(243,24,241)
```
#f31a18
```
#f31a18 rgb(243,26,24)
```
#18f31a
```
#18f31a rgb(24,243,26)
```
#18f1f3
```
#18f1f3 rgb(24,241,243)
```

Tetradic Color

#b50b09
```
#b50b09 rgb(181,11,9)
```
#cd0c0b
```
#cd0c0b rgb(205,12,11)
```
#e60e0c
```
#e60e0c rgb(230,14,12)
```
#f31a18
```
#f31a18 rgb(243,26,24)
```
#f43230
```
#f43230 rgb(244,50,48)
```
#f64a48
```
#f64a48 rgb(246,74,72)
```
#f76261
```
#f76261 rgb(247,98,97)
```

Monochromatic Color

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

#f3184d
```
#f3184d rgb(243,24,77)
```
#f3183b
```
#f3183b rgb(243,24,59)
```
#f31828
```
#f31828 rgb(243,24,40)
```
#f31a18
```
#f31a18 rgb(243,26,24)
```
#f32c18
```
#f32c18 rgb(243,44,24)
```
#f33e18
```
#f33e18 rgb(243,62,24)
```
#f35118
```
#f35118 rgb(243,81,24)
```

Similar Colors

Text with hexadecimal color #f31a18

This text has a font color of #f31a18.

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

#f31a18 background color

This paragraph has a background color of #f31a18.

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

#f31a18 border color

This element has a border color of #f31a18.

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

CSS codes

.text {color:#f31a18;}

.background {background-color:#f31a18;}

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

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

#0b0101
```
#0b0101 rgb(11,1,1)
```
#1e0202
```
#1e0202 rgb(30,2,2)
```
#310303
```
#310303 rgb(49,3,3)
```
#430403
```
#430403 rgb(67,4,3)
```
#560504
```
#560504 rgb(86,5,4)
```
#690605
```
#690605 rgb(105,6,5)
```
#7b0706
```
#7b0706 rgb(123,7,6)
```
#8e0907
```
#8e0907 rgb(142,9,7)
```
#a10a08
```
#a10a08 rgb(161,10,8)
```
#b30b09
```
#b30b09 rgb(179,11,9)
```
#c60c0a
```
#c60c0a rgb(198,12,10)
```
#d90d0b
```
#d90d0b rgb(217,13,11)
```
#eb0e0c
```
#eb0e0c rgb(235,14,12)
```

Shade Color Variation

#f31a18
```
#f31a18 rgb(243,26,24)
```
#f42c2b
```
#f42c2b rgb(244,44,43)
```
#f53f3d
```
#f53f3d rgb(245,63,61)
```
#f65150
```
#f65150 rgb(246,81,80)
```
#f76463
```
#f76463 rgb(247,100,99)
```
#f87675
```
#f87675 rgb(248,118,117)
```
#f98988
```
#f98988 rgb(249,137,136)
```
#fa9b9b
```
#fa9b9b rgb(250,155,155)
```
#fbaead
```
#fbaead rgb(251,174,173)
```
#fcc0c0
```
#fcc0c0 rgb(252,192,192)
```
#fdd3d2
```
#fdd3d2 rgb(253,211,210)
```
#fee5e5
```
#fee5e5 rgb(254,229,229)
```
#fff8f8
```
#fff8f8 rgb(255,248,248)
```

Tint Color Variation

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

#8c7f7f
```
#8c7f7f rgb(140,127,127)
```
#967675
```
#967675 rgb(150,118,117)
```
#9f6d6c
```
#9f6d6c rgb(159,109,108)
```
#a86363
```
#a86363 rgb(168,99,99)
```
#b25a59
```
#b25a59 rgb(178,90,89)
```
#bb5150
```
#bb5150 rgb(187,81,80)
```
#c44847
```
#c44847 rgb(196,72,71)
```
#ce3f3d
```
#ce3f3d rgb(206,63,61)
```
#d73634
```
#d73634 rgb(215,54,52)
```
#e02c2b
```
#e02c2b rgb(224,44,43)
```
#ea2321
```
#ea2321 rgb(234,35,33)
```
#f31a18
```
#f31a18 rgb(243,26,24)
```
#fc110f
```
#fc110f rgb(252,17,15)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#794e4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#908236 Protanopia 1% of men
#a27b00 Deuteranopia 1% of men
#f32621 Tritanopia 0.001% of the population

Trichromacy

#b45c2b Protanomaly 1% of men, 0.01% of women
#bf5808 Deuteranomaly 6% of men, 0.4% of women
#f3211e Tritanomaly 0.01% of the population

#f31a18 hex color

#f31a18 Color Information

#f31a18 Color Conversion

Color Schemes with #f31a18

Alternatives to #f31a18

#f31a18 Preview

Shades and Tints of #f31a18

Tones of #f31a18

Color Blindness Simulator