#f31a0f hex color

In a RGB color space, hex #f31a0f is composed of 95.3% red, 10.2% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.3% magenta, 93.8% yellow and 4.7% black. It has a hue angle of 2.9 degrees, a saturation of 90.5% and a lightness of 50.6%. #f31a0f color hex could be obtained by blending #ff341e with #e70000. Closest websafe color is: #ff3300.

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

● #f31a0f color description : Vivid red.

The hexadecimal color #f31a0f has RGB values of R:243, G:26, B:15 and CMYK values of C:0, M:0.89, Y:0.94, K:0.05. Its decimal value is 15931919.

Hex triplet	f31a0f	`#f31a0f`
RGB Decimal	243, 26, 15	`rgb(243,26,15)`
RGB Percent	95.3, 10.2, 5.9	`rgb(95.3%,10.2%,5.9%)`
CMYK	0, 89, 94, 5
HSL	2.9°, 90.5, 50.6	`hsl(2.9,90.5%,50.6%)`
HSV (or HSB)	2.9°, 93.8, 95.3
Web Safe	ff3300	`#ff3300`

CIE-LAB	51.648, 74.873, 61.269
XYZ	37.42, 19.833, 2.31
xyY	0.628, 0.333, 19.833
CIE-LCH	51.648, 96.746, 39.294
CIE-LUV	51.648, 161.155, 36.137
Hunter-Lab	44.534, 72.05, 28.099
Binary	11110011, 00011010, 00001111

#f31a0f
```
#f31a0f rgb(243,26,15)
```
#0fe8f3
```
#0fe8f3 rgb(15,232,243)
```

Complementary Color

#f30f76
```
#f30f76 rgb(243,15,118)
```
#f31a0f
```
#f31a0f rgb(243,26,15)
```
#f38c0f
```
#f38c0f rgb(243,140,15)
```

Analogous Color

#0f76f3
```
#0f76f3 rgb(15,118,243)
```
#f31a0f
```
#f31a0f rgb(243,26,15)
```
#0ff38c
```
#0ff38c rgb(15,243,140)
```

Split Complementary Color

#1a0ff3
```
#1a0ff3 rgb(26,15,243)
```
#f31a0f
```
#f31a0f rgb(243,26,15)
```
#0ff31a
```
#0ff31a rgb(15,243,26)
```

Triadic Color

#f30fe8
```
#f30fe8 rgb(243,15,232)
```
#f31a0f
```
#f31a0f rgb(243,26,15)
```
#0ff31a
```
#0ff31a rgb(15,243,26)
```
#0fe8f3
```
#0fe8f3 rgb(15,232,243)
```

Tetradic Color

#ad1109
```
#ad1109 rgb(173,17,9)
```
#c5130a
```
#c5130a rgb(197,19,10)
```
#dd150b
```
#dd150b rgb(221,21,11)
```
#f31a0f
```
#f31a0f rgb(243,26,15)
```
#f43127
```
#f43127 rgb(244,49,39)
```
#f54840
```
#f54840 rgb(245,72,64)
```
#f76058
```
#f76058 rgb(247,96,88)
```

Monochromatic Color

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

#f30f3d
```
#f30f3d rgb(243,15,61)
```
#f30f2a
```
#f30f2a rgb(243,15,42)
```
#f30f17
```
#f30f17 rgb(243,15,23)
```
#f31a0f
```
#f31a0f rgb(243,26,15)
```
#f32d0f
```
#f32d0f rgb(243,45,15)
```
#f3400f
```
#f3400f rgb(243,64,15)
```
#f3530f
```
#f3530f rgb(243,83,15)
```

Similar Colors

Text with hexadecimal color #f31a0f

This text has a font color of #f31a0f.

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

#f31a0f background color

This paragraph has a background color of #f31a0f.

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

#f31a0f border color

This element has a border color of #f31a0f.

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

CSS codes

.text {color:#f31a0f;}

.background {background-color:#f31a0f;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#160201
```
#160201 rgb(22,2,1)
```
#280402
```
#280402 rgb(40,4,2)
```
#3b0603
```
#3b0603 rgb(59,6,3)
```
#4e0704
```
#4e0704 rgb(78,7,4)
```
#600905
```
#600905 rgb(96,9,5)
```
#730b06
```
#730b06 rgb(115,11,6)
```
#860d07
```
#860d07 rgb(134,13,7)
```
#980f08
```
#980f08 rgb(152,15,8)
```
#ab1009
```
#ab1009 rgb(171,16,9)
```
#be1209
```
#be1209 rgb(190,18,9)
```
#d0140a
```
#d0140a rgb(208,20,10)
```
#e3160b
```
#e3160b rgb(227,22,11)
```

Shade Color Variation

#f31a0f
```
#f31a0f rgb(243,26,15)
```
#f42c22
```
#f42c22 rgb(244,44,34)
```
#f53e34
```
#f53e34 rgb(245,62,52)
```
#f64f47
```
#f64f47 rgb(246,79,71)
```
#f7615a
```
#f7615a rgb(247,97,90)
```
#f8736c
```
#f8736c rgb(248,115,108)
```
#f9857f
```
#f9857f rgb(249,133,127)
```
#fa9792
```
#fa9792 rgb(250,151,146)
```
#faa9a4
```
#faa9a4 rgb(250,169,164)
```
#fbbab7
```
#fbbab7 rgb(251,186,183)
```
#fcccca
```
#fcccca rgb(252,204,202)
```
#fddedc
```
#fddedc rgb(253,222,220)
```
#fef0ef
```
#fef0ef rgb(254,240,239)
```

Tint Color Variation

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

#887a7a
```
#887a7a rgb(136,122,122)
```
#927270
```
#927270 rgb(146,114,112)
```
#9c6966
```
#9c6966 rgb(156,105,102)
```
#a5605d
```
#a5605d rgb(165,96,93)
```
#af5753
```
#af5753 rgb(175,87,83)
```
#b94f49
```
#b94f49 rgb(185,79,73)
```
#c3463f
```
#c3463f rgb(195,70,63)
```
#cc3d36
```
#cc3d36 rgb(204,61,54)
```
#d6342c
```
#d6342c rgb(214,52,44)
```
#e02c22
```
#e02c22 rgb(224,44,34)
```
#e92319
```
#e92319 rgb(233,35,25)
```
#f31a0f
```
#f31a0f rgb(243,26,15)
```
#fd1105
```
#fd1105 rgb(253,17,5)
```

Tone Color Variation

Below, you can see how #f31a0f 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
#794d4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#90822e Protanopia 1% of men
#a27b00 Deuteranopia 1% of men
#f32520 Tritanopia 0.001% of the population

Trichromacy

#b45c22 Protanomaly 1% of men, 0.01% of women
#bf5805 Deuteranomaly 6% of men, 0.4% of women
#f3211a Tritanomaly 0.01% of the population

#f31a0f hex color

#f31a0f Color Information

#f31a0f Color Conversion

Color Schemes with #f31a0f

Alternatives to #f31a0f

#f31a0f Preview

Shades and Tints of #f31a0f

Tones of #f31a0f

Color Blindness Simulator