#f8380d hex color

In a RGB color space, hex #f8380d is composed of 97.3% red, 22% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.4% magenta, 94.8% yellow and 2.7% black. It has a hue angle of 11 degrees, a saturation of 94.4% and a lightness of 51.2%. #f8380d color hex could be obtained by blending #ff701a with #f10000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 97
- G 22
- B 5
RGB color chart
- C 0
- M 77
- Y 95
- K 3
CMYK color chart

● #f8380d color description : Vivid red.

The hexadecimal color #f8380d has RGB values of R:248, G:56, B:13 and CMYK values of C:0, M:0.77, Y:0.95, K:0.03. Its decimal value is 16267277.

Hex triplet	f8380d	`#f8380d`
RGB Decimal	248, 56, 13	`rgb(248,56,13)`
RGB Percent	97.3, 22, 5.1	`rgb(97.3%,22%,5.1%)`
CMYK	0, 77, 95, 3
HSL	11°, 94.4, 51.2	`hsl(11,94.4%,51.2%)`
HSV (or HSB)	11°, 94.8, 97.3
Web Safe	ff3300	`#ff3300`

CIE-LAB	54.885, 69.779, 64.121
XYZ	40.2, 22.819, 2.669
xyY	0.612, 0.347, 22.819
CIE-LCH	54.885, 94.766, 42.581
CIE-LUV	54.885, 152.658, 41.094
Hunter-Lab	47.769, 66.621, 30.126
Binary	11111000, 00111000, 00001101

#f8380d
```
#f8380d rgb(248,56,13)
```
#0dcdf8
```
#0dcdf8 rgb(13,205,248)
```

Complementary Color

#f80d57
```
#f80d57 rgb(248,13,87)
```
#f8380d
```
#f8380d rgb(248,56,13)
```
#f8ae0d
```
#f8ae0d rgb(248,174,13)
```

Analogous Color

#0d57f8
```
#0d57f8 rgb(13,87,248)
```
#f8380d
```
#f8380d rgb(248,56,13)
```
#0df8ae
```
#0df8ae rgb(13,248,174)
```

Split Complementary Color

#380df8
```
#380df8 rgb(56,13,248)
```
#f8380d
```
#f8380d rgb(248,56,13)
```
#0df838
```
#0df838 rgb(13,248,56)
```

Triadic Color

#f80dcd
```
#f80dcd rgb(248,13,205)
```
#f8380d
```
#f8380d rgb(248,56,13)
```
#0df838
```
#0df838 rgb(13,248,56)
```
#0dcdf8
```
#0dcdf8 rgb(13,205,248)
```

Tetradic Color

#b32505
```
#b32505 rgb(179,37,5)
```
#cc2a06
```
#cc2a06 rgb(204,42,6)
```
#e52f07
```
#e52f07 rgb(229,47,7)
```
#f8380d
```
#f8380d rgb(248,56,13)
```
#f94c26
```
#f94c26 rgb(249,76,38)
```
#f9613f
```
#f9613f rgb(249,97,63)
```
#fa7557
```
#fa7557 rgb(250,117,87)
```

Monochromatic Color

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

#f80d1d
```
#f80d1d rgb(248,13,29)
```
#f8110d
```
#f8110d rgb(248,17,13)
```
#f8240d
```
#f8240d rgb(248,36,13)
```
#f8380d
```
#f8380d rgb(248,56,13)
```
#f84c0d
```
#f84c0d rgb(248,76,13)
```
#f85f0d
```
#f85f0d rgb(248,95,13)
```
#f8730d
```
#f8730d rgb(248,115,13)
```

Similar Colors

Text with hexadecimal color #f8380d

This text has a font color of #f8380d.

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

#f8380d background color

This paragraph has a background color of #f8380d.

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

#f8380d border color

This element has a border color of #f8380d.

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

CSS codes

.text {color:#f8380d;}

.background {background-color:#f8380d;}

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

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

#060100
```
#060100 rgb(6,1,0)
```
#190501
```
#190501 rgb(25,5,1)
```
#2c0901
```
#2c0901 rgb(44,9,1)
```
#3f0d02
```
#3f0d02 rgb(63,13,2)
```
#521102
```
#521102 rgb(82,17,2)
```
#651503
```
#651503 rgb(101,21,3)
```
#781903
```
#781903 rgb(120,25,3)
```
#8b1d04
```
#8b1d04 rgb(139,29,4)
```
#9e2105
```
#9e2105 rgb(158,33,5)
```
#b12505
```
#b12505 rgb(177,37,5)
```
#c42906
```
#c42906 rgb(196,41,6)
```
#d82d06
```
#d82d06 rgb(216,45,6)
```
#eb3007
```
#eb3007 rgb(235,48,7)
```

Shade Color Variation

#f8380d
```
#f8380d rgb(248,56,13)
```
#f94820
```
#f94820 rgb(249,72,32)
```
#f95733
```
#f95733 rgb(249,87,51)
```
#fa6746
```
#fa6746 rgb(250,103,70)
```
#fa7759
```
#fa7759 rgb(250,119,89)
```
#fb866c
```
#fb866c rgb(251,134,108)
```
#fb967f
```
#fb967f rgb(251,150,127)
```
#fca692
```
#fca692 rgb(252,166,146)
```
#fcb5a6
```
#fcb5a6 rgb(252,181,166)
```
#fdc5b9
```
#fdc5b9 rgb(253,197,185)
```
#fed5cc
```
#fed5cc rgb(254,213,204)
```
#fee4df
```
#fee4df rgb(254,228,223)
```
#fff4f2
```
#fff4f2 rgb(255,244,242)
```

Tint Color Variation

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

#858180
```
#858180 rgb(133,129,128)
```
#8f7b76
```
#8f7b76 rgb(143,123,118)
```
#98756d
```
#98756d rgb(152,117,109)
```
#a26f63
```
#a26f63 rgb(162,111,99)
```
#ab695a
```
#ab695a rgb(171,105,90)
```
#b56350
```
#b56350 rgb(181,99,80)
```
#bf5c46
```
#bf5c46 rgb(191,92,70)
```
#c8563d
```
#c8563d rgb(200,86,61)
```
#d25033
```
#d25033 rgb(210,80,51)
```
#db4a2a
```
#db4a2a rgb(219,74,42)
```
#e54420
```
#e54420 rgb(229,68,32)
```
#ee3e17
```
#ee3e17 rgb(238,62,23)
```
#f8380d
```
#f8380d rgb(248,56,13)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#89625a Atypical Achromatopsia 0.001% of the population

Dichromacy

#998a2a Protanopia 1% of men
#ac8300 Deuteranopia 1% of men
#f83e3f Tritanopia 0.001% of the population

Trichromacy

#bc6c1f Protanomaly 1% of men, 0.01% of women
#c76704 Deuteranomaly 6% of men, 0.4% of women
#f83c2d Tritanomaly 0.01% of the population

#f8380d hex color

#f8380d Color Information

#f8380d Color Conversion

Color Schemes with #f8380d

Alternatives to #f8380d

#f8380d Preview

Shades and Tints of #f8380d

Tones of #f8380d

Color Blindness Simulator