#fa300c hex color

In a RGB color space, hex #fa300c is composed of 98% red, 18.8% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.8% magenta, 95.2% yellow and 2% black. It has a hue angle of 9.1 degrees, a saturation of 96% and a lightness of 51.4%. #fa300c color hex could be obtained by blending #ff6018 with #f50000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 98
- G 19
- B 5
RGB color chart
- C 0
- M 81
- Y 95
- K 2
CMYK color chart

● #fa300c color description : Vivid red.

The hexadecimal color #fa300c has RGB values of R:250, G:48, B:12 and CMYK values of C:0, M:0.81, Y:0.95, K:0.02. Its decimal value is 16396300.

Hex triplet	fa300c	`#fa300c`
RGB Decimal	250, 48, 12	`rgb(250,48,12)`
RGB Percent	98, 18.8, 4.7	`rgb(98%,18.8%,4.7%)`
CMYK	0, 81, 95, 2
HSL	9.1°, 96, 51.4	`hsl(9.1,96%,51.4%)`
HSV (or HSB)	9.1°, 95.2, 98
Web Safe	ff3300	`#ff3300`

CIE-LAB	54.522, 72.43, 64.369
XYZ	40.55, 22.47, 2.55
xyY	0.618, 0.343, 22.47
CIE-LCH	54.522, 96.9, 41.628
CIE-LUV	54.522, 158.194, 40.114
Hunter-Lab	47.402, 69.743, 29.992
Binary	11111010, 00110000, 00001100

#fa300c
```
#fa300c rgb(250,48,12)
```
#0cd6fa
```
#0cd6fa rgb(12,214,250)
```

Complementary Color

#fa0c5f
```
#fa0c5f rgb(250,12,95)
```
#fa300c
```
#fa300c rgb(250,48,12)
```
#faa70c
```
#faa70c rgb(250,167,12)
```

Analogous Color

#0c5ffa
```
#0c5ffa rgb(12,95,250)
```
#fa300c
```
#fa300c rgb(250,48,12)
```
#0cfaa7
```
#0cfaa7 rgb(12,250,167)
```

Split Complementary Color

#300cfa
```
#300cfa rgb(48,12,250)
```
#fa300c
```
#fa300c rgb(250,48,12)
```
#0cfa30
```
#0cfa30 rgb(12,250,48)
```

Triadic Color

#fa0cd6
```
#fa0cd6 rgb(250,12,214)
```
#fa300c
```
#fa300c rgb(250,48,12)
```
#0cfa30
```
#0cfa30 rgb(12,250,48)
```
#0cd6fa
```
#0cd6fa rgb(12,214,250)
```

Tetradic Color

#b61f04
```
#b61f04 rgb(182,31,4)
```
#cf2304
```
#cf2304 rgb(207,35,4)
```
#e82705
```
#e82705 rgb(232,39,5)
```
#fa300c
```
#fa300c rgb(250,48,12)
```
#fb4525
```
#fb4525 rgb(251,69,37)
```
#fb5b3e
```
#fb5b3e rgb(251,91,62)
```
#fc7057
```
#fc7057 rgb(252,112,87)
```

Monochromatic Color

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

#fa0c24
```
#fa0c24 rgb(250,12,36)
```
#fa0c10
```
#fa0c10 rgb(250,12,16)
```
#fa1c0c
```
#fa1c0c rgb(250,28,12)
```
#fa300c
```
#fa300c rgb(250,48,12)
```
#fa440c
```
#fa440c rgb(250,68,12)
```
#fa580c
```
#fa580c rgb(250,88,12)
```
#fa6c0c
```
#fa6c0c rgb(250,108,12)
```

Similar Colors

Text with hexadecimal color #fa300c

This text has a font color of #fa300c.

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

#fa300c background color

This paragraph has a background color of #fa300c.

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

#fa300c border color

This element has a border color of #fa300c.

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

CSS codes

.text {color:#fa300c;}

.background {background-color:#fa300c;}

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

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

#070100
```
#070100 rgb(7,1,0)
```
#1a0401
```
#1a0401 rgb(26,4,1)
```
#2d0801
```
#2d0801 rgb(45,8,1)
```
#410b01
```
#410b01 rgb(65,11,1)
```
#540e02
```
#540e02 rgb(84,14,2)
```
#671102
```
#671102 rgb(103,17,2)
```
#7a1503
```
#7a1503 rgb(122,21,3)
```
#8d1803
```
#8d1803 rgb(141,24,3)
```
#a11b03
```
#a11b03 rgb(161,27,3)
```
#b41e04
```
#b41e04 rgb(180,30,4)
```
#c72204
```
#c72204 rgb(199,34,4)
```
#da2504
```
#da2504 rgb(218,37,4)
```
#ed2805
```
#ed2805 rgb(237,40,5)
```

Shade Color Variation

#fa300c
```
#fa300c rgb(250,48,12)
```
#fa401f
```
#fa401f rgb(250,64,31)
```
#fb5132
```
#fb5132 rgb(251,81,50)
```
#fb6146
```
#fb6146 rgb(251,97,70)
```
#fc7159
```
#fc7159 rgb(252,113,89)
```
#fc826c
```
#fc826c rgb(252,130,108)
```
#fc927f
```
#fc927f rgb(252,146,127)
```
#fda393
```
#fda393 rgb(253,163,147)
```
#fdb3a6
```
#fdb3a6 rgb(253,179,166)
```
#fec3b9
```
#fec3b9 rgb(254,195,185)
```
#fed4cc
```
#fed4cc rgb(254,212,204)
```
#fee4df
```
#fee4df rgb(254,228,223)
```
#fff4f3
```
#fff4f3 rgb(255,244,243)
```

Tint Color Variation

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

#88807e
```
#88807e rgb(136,128,126)
```
#917975
```
#917975 rgb(145,121,117)
```
#9b736b
```
#9b736b rgb(155,115,107)
```
#a46c62
```
#a46c62 rgb(164,108,98)
```
#ae6558
```
#ae6558 rgb(174,101,88)
```
#b75f4f
```
#b75f4f rgb(183,95,79)
```
#c15845
```
#c15845 rgb(193,88,69)
```
#ca513c
```
#ca513c rgb(202,81,60)
```
#d44b32
```
#d44b32 rgb(212,75,50)
```
#dd4429
```
#dd4429 rgb(221,68,41)
```
#e73d1f
```
#e73d1f rgb(231,61,31)
```
#f03716
```
#f03716 rgb(240,55,22)
```
#fa300c
```
#fa300c rgb(250,48,12)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#855d56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98892a Protanopia 1% of men
#aa8200 Deuteranopia 1% of men
#fa3737 Tritanopia 0.001% of the population

Trichromacy

#bc681f Protanomaly 1% of men, 0.01% of women
#c76404 Deuteranomaly 6% of men, 0.4% of women
#fa3527 Tritanomaly 0.01% of the population

#fa300c hex color

#fa300c Color Information

#fa300c Color Conversion

Color Schemes with #fa300c

Alternatives to #fa300c

#fa300c Preview

Shades and Tints of #fa300c

Tones of #fa300c

Color Blindness Simulator