#f84340 hex color

In a RGB color space, hex #f84340 is composed of 97.3% red, 26.3% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73% magenta, 74.2% yellow and 2.7% black. It has a hue angle of 1 degrees, a saturation of 92.9% and a lightness of 61.2%. #f84340 color hex could be obtained by blending #ff8680 with #f10000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 97
- G 26
- B 25
RGB color chart
- C 0
- M 73
- Y 74
- K 3
CMYK color chart

● #f84340 color description : Bright red.

The hexadecimal color #f84340 has RGB values of R:248, G:67, B:64 and CMYK values of C:0, M:0.73, Y:0.74, K:0.03. Its decimal value is 16270144.

Hex triplet	f84340	`#f84340`
RGB Decimal	248, 67, 64	`rgb(248,67,64)`
RGB Percent	97.3, 26.3, 25.1	`rgb(97.3%,26.3%,25.1%)`
CMYK	0, 73, 74, 3
HSL	1°, 92.9, 61.2	`hsl(1,92.9%,61.2%)`
HSV (or HSB)	1°, 74.2, 97.3
Web Safe	ff3333	`#ff3333`

CIE-LAB	56.432, 67.556, 43.425
XYZ	41.646, 24.346, 7.357
xyY	0.568, 0.332, 24.346
CIE-LCH	56.432, 80.309, 32.733
CIE-LUV	56.432, 139.795, 31.202
Hunter-Lab	49.342, 64.312, 25.699
Binary	11111000, 01000011, 01000000

#f84340
```
#f84340 rgb(248,67,64)
```
#40f5f8
```
#40f5f8 rgb(64,245,248)
```

Complementary Color

#f84099
```
#f84099 rgb(248,64,153)
```
#f84340
```
#f84340 rgb(248,67,64)
```
#f89f40
```
#f89f40 rgb(248,159,64)
```

Analogous Color

#4099f8
```
#4099f8 rgb(64,153,248)
```
#f84340
```
#f84340 rgb(248,67,64)
```
#40f89f
```
#40f89f rgb(64,248,159)
```

Split Complementary Color

#4340f8
```
#4340f8 rgb(67,64,248)
```
#f84340
```
#f84340 rgb(248,67,64)
```
#40f843
```
#40f843 rgb(64,248,67)
```

Triadic Color

#f840f5
```
#f840f5 rgb(248,64,245)
```
#f84340
```
#f84340 rgb(248,67,64)
```
#40f843
```
#40f843 rgb(64,248,67)
```
#40f5f8
```
#40f5f8 rgb(64,245,248)
```

Tetradic Color

#e30c08
```
#e30c08 rgb(227,12,8)
```
#f6130f
```
#f6130f rgb(246,19,15)
```
#f72b27
```
#f72b27 rgb(247,43,39)
```
#f84340
```
#f84340 rgb(248,67,64)
```
#f95b59
```
#f95b59 rgb(249,91,89)
```
#fa7371
```
#fa7371 rgb(250,115,113)
```
#fb8c8a
```
#fb8c8a rgb(251,140,138)
```

Monochromatic Color

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

#f8406b
```
#f8406b rgb(248,64,107)
```
#f8405c
```
#f8405c rgb(248,64,92)
```
#f8404c
```
#f8404c rgb(248,64,76)
```
#f84340
```
#f84340 rgb(248,67,64)
```
#f85240
```
#f85240 rgb(248,82,64)
```
#f86240
```
#f86240 rgb(248,98,64)
```
#f87140
```
#f87140 rgb(248,113,64)
```

Similar Colors

Text with hexadecimal color #f84340

This text has a font color of #f84340.

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

#f84340 background color

This paragraph has a background color of #f84340.

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

#f84340 border color

This element has a border color of #f84340.

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

CSS codes

.text {color:#f84340;}

.background {background-color:#f84340;}

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

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

#110101
```
#110101 rgb(17,1,1)
```
#240201
```
#240201 rgb(36,2,1)
```
#370302
```
#370302 rgb(55,3,2)
```
#4a0403
```
#4a0403 rgb(74,4,3)
```
#5d0503
```
#5d0503 rgb(93,5,3)
```
#700604
```
#700604 rgb(112,6,4)
```
#830705
```
#830705 rgb(131,7,5)
```
#960805
```
#960805 rgb(150,8,5)
```
#a90906
```
#a90906 rgb(169,9,6)
```
#bb0a07
```
#bb0a07 rgb(187,10,7)
```
#ce0b08
```
#ce0b08 rgb(206,11,8)
```
#e10c08
```
#e10c08 rgb(225,12,8)
```
#f40d09
```
#f40d09 rgb(244,13,9)
```

Shade Color Variation

#f71e1a
```
#f71e1a rgb(247,30,26)
```
#f7302d
```
#f7302d rgb(247,48,45)
```
#f84340
```
#f84340 rgb(248,67,64)
```
#f95653
```
#f95653 rgb(249,86,83)
```
#f96866
```
#f96866 rgb(249,104,102)
```
#fa7b79
```
#fa7b79 rgb(250,123,121)
```
#fb8d8c
```
#fb8d8c rgb(251,141,140)
```
#fba09f
```
#fba09f rgb(251,160,159)
```
#fcb3b2
```
#fcb3b2 rgb(252,179,178)
```
#fdc5c4
```
#fdc5c4 rgb(253,197,196)
```
#fed8d7
```
#fed8d7 rgb(254,216,215)
```
#feebea
```
#feebea rgb(254,235,234)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#9d9b9b
```
#9d9b9b rgb(157,155,155)
```
#a49494
```
#a49494 rgb(164,148,148)
```
#ac8d8c
```
#ac8d8c rgb(172,141,140)
```
#b38585
```
#b38585 rgb(179,133,133)
```
#bb7e7d
```
#bb7e7d rgb(187,126,125)
```
#c37775
```
#c37775 rgb(195,119,117)
```
#ca6f6e
```
#ca6f6e rgb(202,111,110)
```
#d26866
```
#d26866 rgb(210,104,102)
```
#da605e
```
#da605e rgb(218,96,94)
```
#e15957
```
#e15957 rgb(225,89,87)
```
#e9524f
```
#e9524f rgb(233,82,79)
```
#f04a48
```
#f04a48 rgb(240,74,72)
```
#f84340
```
#f84340 rgb(248,67,64)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#926e6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#998d5d Protanopia 1% of men
#ae873c Deuteranopia 1% of men
#f84c4e Tritanopia 0.001% of the population

Trichromacy

#bb7252 Protanomaly 1% of men, 0.01% of women
#c96e3d Deuteranomaly 6% of men, 0.4% of women
#f84849 Tritanomaly 0.01% of the population

#f84340 hex color

#f84340 Color Information

#f84340 Color Conversion

Color Schemes with #f84340

Alternatives to #f84340

#f84340 Preview

Shades and Tints of #f84340

Tones of #f84340

Color Blindness Simulator