#f8141f hex color

In a RGB color space, hex #f8141f is composed of 97.3% red, 7.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.9% magenta, 87.5% yellow and 2.7% black. It has a hue angle of 357.1 degrees, a saturation of 94.2% and a lightness of 52.5%. #f8141f color hex could be obtained by blending #ff283e with #f10000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 97
- G 8
- B 12
RGB color chart
- C 0
- M 92
- Y 88
- K 3
CMYK color chart

● #f8141f color description : Vivid red.

The hexadecimal color #f8141f has RGB values of R:248, G:20, B:31 and CMYK values of C:0, M:0.92, Y:0.88, K:0.03. Its decimal value is 16258079.

Hex triplet	f8141f	`#f8141f`
RGB Decimal	248, 20, 31	`rgb(248,20,31)`
RGB Percent	97.3, 7.8, 12.2	`rgb(97.3%,7.8%,12.2%)`
CMYK	0, 92, 88, 3
HSL	357.1°, 94.2, 52.5	`hsl(357.1,94.2%,52.5%)`
HSV (or HSB)	357.1°, 91.9, 97.3
Web Safe	ff0033	`#ff0033`

CIE-LAB	52.466, 77.104, 56.321
XYZ	39.211, 20.561, 3.2
xyY	0.623, 0.327, 20.561
CIE-LCH	52.466, 95.484, 36.146
CIE-LUV	52.466, 164.526, 33.883
Hunter-Lab	45.344, 75.005, 27.556
Binary	11111000, 00010100, 00011111

#f8141f
```
#f8141f rgb(248,20,31)
```
#14f8ed
```
#14f8ed rgb(20,248,237)
```

Complementary Color

#f81491
```
#f81491 rgb(248,20,145)
```
#f8141f
```
#f8141f rgb(248,20,31)
```
#f87b14
```
#f87b14 rgb(248,123,20)
```

Analogous Color

#1491f8
```
#1491f8 rgb(20,145,248)
```
#f8141f
```
#f8141f rgb(248,20,31)
```
#14f87b
```
#14f87b rgb(20,248,123)
```

Split Complementary Color

#141ff8
```
#141ff8 rgb(20,31,248)
```
#f8141f
```
#f8141f rgb(248,20,31)
```
#1ff814
```
#1ff814 rgb(31,248,20)
```

Triadic Color

#ed14f8
```
#ed14f8 rgb(237,20,248)
```
#f8141f
```
#f8141f rgb(248,20,31)
```
#1ff814
```
#1ff814 rgb(31,248,20)
```
#14f8ed
```
#14f8ed rgb(20,248,237)
```

Tetradic Color

#ba060e
```
#ba060e rgb(186,6,14)
```
#d30610
```
#d30610 rgb(211,6,16)
```
#eb0712
```
#eb0712 rgb(235,7,18)
```
#f8141f
```
#f8141f rgb(248,20,31)
```
#f92d37
```
#f92d37 rgb(249,45,55)
```
#f9464e
```
#f9464e rgb(249,70,78)
```
#fa5e66
```
#fa5e66 rgb(250,94,102)
```

Monochromatic Color

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

#f81458
```
#f81458 rgb(248,20,88)
```
#f81445
```
#f81445 rgb(248,20,69)
```
#f81432
```
#f81432 rgb(248,20,50)
```
#f8141f
```
#f8141f rgb(248,20,31)
```
#f81c14
```
#f81c14 rgb(248,28,20)
```
#f82f14
```
#f82f14 rgb(248,47,20)
```
#f84214
```
#f84214 rgb(248,66,20)
```

Similar Colors

Text with hexadecimal color #f8141f

This text has a font color of #f8141f.

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

#f8141f background color

This paragraph has a background color of #f8141f.

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

#f8141f border color

This element has a border color of #f8141f.

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

CSS codes

.text {color:#f8141f;}

.background {background-color:#f8141f;}

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

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

#0d0001
```
#0d0001 rgb(13,0,1)
```
#200102
```
#200102 rgb(32,1,2)
```
#330204
```
#330204 rgb(51,2,4)
```
#460205
```
#460205 rgb(70,2,5)
```
#590307
```
#590307 rgb(89,3,7)
```
#6c0308
```
#6c0308 rgb(108,3,8)
```
#7f040a
```
#7f040a rgb(127,4,10)
```
#92040b
```
#92040b rgb(146,4,11)
```
#a5050d
```
#a5050d rgb(165,5,13)
```
#b8050e
```
#b8050e rgb(184,5,14)
```
#cb0610
```
#cb0610 rgb(203,6,16)
```
#de0711
```
#de0711 rgb(222,7,17)
```
#f10712
```
#f10712 rgb(241,7,18)
```

Shade Color Variation

#f8141f
```
#f8141f rgb(248,20,31)
```
#f92731
```
#f92731 rgb(249,39,49)
```
#f93a43
```
#f93a43 rgb(249,58,67)
```
#fa4d55
```
#fa4d55 rgb(250,77,85)
```
#fa6068
```
#fa6068 rgb(250,96,104)
```
#fb737a
```
#fb737a rgb(251,115,122)
```
#fb868c
```
#fb868c rgb(251,134,140)
```
#fc999e
```
#fc999e rgb(252,153,158)
```
#fdacb0
```
#fdacb0 rgb(253,172,176)
```
#fdbfc2
```
#fdbfc2 rgb(253,191,194)
```
#fed2d5
```
#fed2d5 rgb(254,210,213)
```
#fee6e7
```
#fee6e7 rgb(254,230,231)
```
#fff9f9
```
#fff9f9 rgb(255,249,249)
```

Tint Color Variation

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

#888484
```
#888484 rgb(136,132,132)
```
#927a7c
```
#927a7c rgb(146,122,124)
```
#9b7173
```
#9b7173 rgb(155,113,115)
```
#a4686b
```
#a4686b rgb(164,104,107)
```
#ae5e62
```
#ae5e62 rgb(174,94,98)
```
#b7555a
```
#b7555a rgb(183,85,90)
```
#c04c51
```
#c04c51 rgb(192,76,81)
```
#c94349
```
#c94349 rgb(201,67,73)
```
#d33941
```
#d33941 rgb(211,57,65)
```
#dc3038
```
#dc3038 rgb(220,48,56)
```
#e52730
```
#e52730 rgb(229,39,48)
```
#ef1d27
```
#ef1d27 rgb(239,29,39)
```
#f8141f
```
#f8141f rgb(248,20,31)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#794b4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#91843e Protanopia 1% of men
#a57d00 Deuteranopia 1% of men
#f8221b Tritanopia 0.001% of the population

Trichromacy

#b75b33 Protanomaly 1% of men, 0.01% of women
#c3570b Deuteranomaly 6% of men, 0.4% of women
#f81d1d Tritanomaly 0.01% of the population

#f8141f hex color

#f8141f Color Information

#f8141f Color Conversion

Color Schemes with #f8141f

Alternatives to #f8141f

#f8141f Preview

Shades and Tints of #f8141f

Tones of #f8141f

Color Blindness Simulator