#f8314d hex color

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

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

● #f8314d color description : Bright red.

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

Hex triplet	f8314d	`#f8314d`
RGB Decimal	248, 49, 77	`rgb(248,49,77)`
RGB Percent	97.3, 19.2, 30.2	`rgb(97.3%,19.2%,30.2%)`
CMYK	0, 80, 69, 3
HSL	351.6°, 93.4, 58.2	`hsl(351.6,93.4%,58.2%)`
HSV (or HSB)	351.6°, 80.2, 97.3
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.756, 73.274, 34.121
XYZ	41.151, 22.694, 9.234
xyY	0.563, 0.311, 22.694
CIE-LCH	54.756, 80.829, 24.97
CIE-LUV	54.756, 145.467, 21.867
Hunter-Lab	47.638, 70.827, 21.854
Binary	11111000, 00110001, 01001101

#f8314d
```
#f8314d rgb(248,49,77)
```
#31f8dc
```
#31f8dc rgb(49,248,220)
```

Complementary Color

#f831b1
```
#f831b1 rgb(248,49,177)
```
#f8314d
```
#f8314d rgb(248,49,77)
```
#f87931
```
#f87931 rgb(248,121,49)
```

Analogous Color

#31b1f8
```
#31b1f8 rgb(49,177,248)
```
#f8314d
```
#f8314d rgb(248,49,77)
```
#31f879
```
#31f879 rgb(49,248,121)
```

Split Complementary Color

#314df8
```
#314df8 rgb(49,77,248)
```
#f8314d
```
#f8314d rgb(248,49,77)
```
#4df831
```
#4df831 rgb(77,248,49)
```

Triadic Color

#dc31f8
```
#dc31f8 rgb(220,49,248)
```
#f8314d
```
#f8314d rgb(248,49,77)
```
#4df831
```
#4df831 rgb(77,248,49)
```
#31f8dc
```
#31f8dc rgb(49,248,220)
```

Tetradic Color

#d50724
```
#d50724 rgb(213,7,36)
```
#ee0828
```
#ee0828 rgb(238,8,40)
```
#f71838
```
#f71838 rgb(247,24,56)
```
#f8314d
```
#f8314d rgb(248,49,77)
```
#f94a62
```
#f94a62 rgb(249,74,98)
```
#fa6278
```
#fa6278 rgb(250,98,120)
```
#fb7b8d
```
#fb7b8d rgb(251,123,141)
```

Monochromatic Color

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

#f8317f
```
#f8317f rgb(248,49,127)
```
#f8316e
```
#f8316e rgb(248,49,110)
```
#f8315e
```
#f8315e rgb(248,49,94)
```
#f8314d
```
#f8314d rgb(248,49,77)
```
#f8313c
```
#f8313c rgb(248,49,60)
```
#f83631
```
#f83631 rgb(248,54,49)
```
#f84731
```
#f84731 rgb(248,71,49)
```

Similar Colors

Text with hexadecimal color #f8314d

This text has a font color of #f8314d.

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

#f8314d background color

This paragraph has a background color of #f8314d.

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

#f8314d border color

This element has a border color of #f8314d.

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

CSS codes

.text {color:#f8314d;}

.background {background-color:#f8314d;}

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

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)
```
#620311
```
#620311 rgb(98,3,17)
```
#750414
```
#750414 rgb(117,4,20)
```
#870517
```
#870517 rgb(135,5,23)
```
#9a051a
```
#9a051a rgb(154,5,26)
```
#ad061d
```
#ad061d rgb(173,6,29)
```
#c00721
```
#c00721 rgb(192,7,33)
```
#d30724
```
#d30724 rgb(211,7,36)
```
#e60827
```
#e60827 rgb(230,8,39)
```

Shade Color Variation

#f70b2c
```
#f70b2c rgb(247,11,44)
```
#f71e3d
```
#f71e3d rgb(247,30,61)
```
#f8314d
```
#f8314d rgb(248,49,77)
```
#f9445d
```
#f9445d rgb(249,68,93)
```
#f9576e
```
#f9576e rgb(249,87,110)
```
#fa6a7e
```
#fa6a7e rgb(250,106,126)
```
#fb7d8f
```
#fb7d8f rgb(251,125,143)
```
#fb909f
```
#fb909f rgb(251,144,159)
```
#fca3af
```
#fca3af rgb(252,163,175)
```
#fdb6c0
```
#fdb6c0 rgb(253,182,192)
```
#fdc9d0
```
#fdc9d0 rgb(253,201,208)
```
#fedce1
```
#fedce1 rgb(254,220,225)
```
#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 #f8314d 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)
```
#d75265
```
#d75265 rgb(215,82,101)
```
#df4a5f
```
#df4a5f rgb(223,74,95)
```
#e84159
```
#e84159 rgb(232,65,89)
```
#f03953
```
#f03953 rgb(240,57,83)
```
#f8314d
```
#f8314d rgb(248,49,77)
```

Tone Color Variation

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

#91896f Protanopia 1% of men
#a78349 Deuteranopia 1% of men
#f74041 Tritanopia 0.001% of the population

Trichromacy

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

#f8314d hex color

#f8314d Color Information

#f8314d Color Conversion

Color Schemes with #f8314d

Alternatives to #f8314d

#f8314d Preview

Shades and Tints of #f8314d

Tones of #f8314d

Color Blindness Simulator