#f8314c hex color

In a RGB color space, hex #f8314c is composed of 97.3% red, 19.2% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 69.4% yellow and 2.7% black. It has a hue angle of 351.9 degrees, a saturation of 93.4% and a lightness of 58.2%. #f8314c color hex could be obtained by blending #ff6298 with #f10000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 97
- G 19
- B 30
RGB color chart
- C 0
- M 80
- Y 69
- K 3
CMYK color chart

● #f8314c color description : Bright red.

The hexadecimal color #f8314c has RGB values of R:248, G:49, B:76 and CMYK values of C:0, M:0.8, Y:0.69, K:0.03. Its decimal value is 16265548.

Hex triplet	f8314c	`#f8314c`
RGB Decimal	248, 49, 76	`rgb(248,49,76)`
RGB Percent	97.3, 19.2, 29.8	`rgb(97.3%,19.2%,29.8%)`
CMYK	0, 80, 69, 3
HSL	351.9°, 93.4, 58.2	`hsl(351.9,93.4%,58.2%)`
HSV (or HSB)	351.9°, 80.2, 97.3
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.741, 73.229, 34.686
XYZ	41.116, 22.68, 9.05
xyY	0.564, 0.311, 22.68
CIE-LCH	54.741, 81.028, 25.345
CIE-LUV	54.741, 145.744, 22.336
Hunter-Lab	47.623, 70.769, 22.07
Binary	11111000, 00110001, 01001100

#f8314c
```
#f8314c rgb(248,49,76)
```
#31f8dd
```
#31f8dd rgb(49,248,221)
```

Complementary Color

#f831b0
```
#f831b0 rgb(248,49,176)
```
#f8314c
```
#f8314c rgb(248,49,76)
```
#f87a31
```
#f87a31 rgb(248,122,49)
```

Analogous Color

#31b0f8
```
#31b0f8 rgb(49,176,248)
```
#f8314c
```
#f8314c rgb(248,49,76)
```
#31f87a
```
#31f87a rgb(49,248,122)
```

Split Complementary Color

#314cf8
```
#314cf8 rgb(49,76,248)
```
#f8314c
```
#f8314c rgb(248,49,76)
```
#4cf831
```
#4cf831 rgb(76,248,49)
```

Triadic Color

#dd31f8
```
#dd31f8 rgb(221,49,248)
```
#f8314c
```
#f8314c rgb(248,49,76)
```
#4cf831
```
#4cf831 rgb(76,248,49)
```
#31f8dd
```
#31f8dd rgb(49,248,221)
```

Tetradic Color

#d50723
```
#d50723 rgb(213,7,35)
```
#ee0827
```
#ee0827 rgb(238,8,39)
```
#f71837
```
#f71837 rgb(247,24,55)
```
#f8314c
```
#f8314c rgb(248,49,76)
```
#f94a61
```
#f94a61 rgb(249,74,97)
```
#fa6277
```
#fa6277 rgb(250,98,119)
```
#fb7b8c
```
#fb7b8c rgb(251,123,140)
```

Monochromatic Color

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

#f8317e
```
#f8317e rgb(248,49,126)
```
#f8316d
```
#f8316d rgb(248,49,109)
```
#f8315d
```
#f8315d rgb(248,49,93)
```
#f8314c
```
#f8314c rgb(248,49,76)
```
#f8313b
```
#f8313b rgb(248,49,59)
```
#f83731
```
#f83731 rgb(248,55,49)
```
#f84831
```
#f84831 rgb(248,72,49)
```

Similar Colors

Text with hexadecimal color #f8314c

This text has a font color of #f8314c.

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

#f8314c background color

This paragraph has a background color of #f8314c.

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

#f8314c border color

This element has a border color of #f8314c.

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

CSS codes

.text {color:#f8314c;}

.background {background-color:#f8314c;}

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

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 #feeff1 is the lightest one.

#030000
```
#030000 rgb(3,0,0)
```
#160104
```
#160104 rgb(22,1,4)
```
#290107
```
#290107 rgb(41,1,7)
```
#3c020a
```
#3c020a rgb(60,2,10)
```
#4f030d
```
#4f030d rgb(79,3,13)
```
#620310
```
#620310 rgb(98,3,16)
```
#750413
```
#750413 rgb(117,4,19)
```
#870516
```
#870516 rgb(135,5,22)
```
#9a0519
```
#9a0519 rgb(154,5,25)
```
#ad061d
```
#ad061d rgb(173,6,29)
```
#c00720
```
#c00720 rgb(192,7,32)
```
#d30723
```
#d30723 rgb(211,7,35)
```
#e60826
```
#e60826 rgb(230,8,38)
```

Shade Color Variation

#f70b2b
```
#f70b2b rgb(247,11,43)
```
#f71e3c
```
#f71e3c rgb(247,30,60)
```
#f8314c
```
#f8314c rgb(248,49,76)
```
#f9445c
```
#f9445c rgb(249,68,92)
```
#f9576d
```
#f9576d rgb(249,87,109)
```
#fa6a7d
```
#fa6a7d rgb(250,106,125)
```
#fb7d8e
```
#fb7d8e rgb(251,125,142)
```
#fb909e
```
#fb909e rgb(251,144,158)
```
#fca3af
```
#fca3af rgb(252,163,175)
```
#fdb6bf
```
#fdb6bf rgb(253,182,191)
```
#fdc9d0
```
#fdc9d0 rgb(253,201,208)
```
#fedce0
```
#fedce0 rgb(254,220,224)
```
#feeff1
```
#feeff1 rgb(254,239,241)
```

Tint Color Variation

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

#969394
```
#969394 rgb(150,147,148)
```
#9e8b8e
```
#9e8b8e rgb(158,139,142)
```
#a68388
```
#a68388 rgb(166,131,136)
```
#ae7b82
```
#ae7b82 rgb(174,123,130)
```
#b6737c
```
#b6737c rgb(182,115,124)
```
#bf6a76
```
#bf6a76 rgb(191,106,118)
```
#c76270
```
#c76270 rgb(199,98,112)
```
#cf5a6a
```
#cf5a6a rgb(207,90,106)
```
#d75264
```
#d75264 rgb(215,82,100)
```
#df4a5e
```
#df4a5e rgb(223,74,94)
```
#e84158
```
#e84158 rgb(232,65,88)
```
#f03952
```
#f03952 rgb(240,57,82)
```
#f8314c
```
#f8314c rgb(248,49,76)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#8b6369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91896e Protanopia 1% of men
#a78348 Deuteranopia 1% of men
#f73f41 Tritanopia 0.001% of the population

Trichromacy

#b66962 Protanomaly 1% of men, 0.01% of women
#c46549 Deuteranomaly 6% of men, 0.4% of women
#f73a45 Tritanomaly 0.01% of the population

#f8314c hex color

#f8314c Color Information

#f8314c Color Conversion

Color Schemes with #f8314c

Alternatives to #f8314c

#f8314c Preview

Shades and Tints of #f8314c

Tones of #f8314c

Color Blindness Simulator