#fc300e hex color

In a RGB color space, hex #fc300e is composed of 98.8% red, 18.8% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81% magenta, 94.4% yellow and 1.2% black. It has a hue angle of 8.6 degrees, a saturation of 97.5% and a lightness of 52.2%. #fc300e color hex could be obtained by blending #ff601c with #f90000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 99
- G 19
- B 5
RGB color chart
- C 0
- M 81
- Y 94
- K 1
CMYK color chart

● #fc300e color description : Vivid red.

The hexadecimal color #fc300e has RGB values of R:252, G:48, B:14 and CMYK values of C:0, M:0.81, Y:0.94, K:0.01. Its decimal value is 16527374.

Hex triplet	fc300e	`#fc300e`
RGB Decimal	252, 48, 14	`rgb(252,48,14)`
RGB Percent	98.8, 18.8, 5.5	`rgb(98.8%,18.8%,5.5%)`
CMYK	0, 81, 94, 1
HSL	8.6°, 97.5, 52.2	`hsl(8.6,97.5%,52.2%)`
HSV (or HSB)	8.6°, 94.4, 98.8
Web Safe	ff3300	`#ff3300`

CIE-LAB	54.914, 72.997, 64.294
XYZ	41.283, 22.846, 2.652
xyY	0.618, 0.342, 22.846
CIE-LCH	54.914, 97.274, 41.373
CIE-LUV	54.914, 159.545, 40.182
Hunter-Lab	47.798, 70.525, 30.169
Binary	11111100, 00110000, 00001110

#fc300e
```
#fc300e rgb(252,48,14)
```
#0edafc
```
#0edafc rgb(14,218,252)
```

Complementary Color

#fc0e63
```
#fc0e63 rgb(252,14,99)
```
#fc300e
```
#fc300e rgb(252,48,14)
```
#fca70e
```
#fca70e rgb(252,167,14)
```

Analogous Color

#0e63fc
```
#0e63fc rgb(14,99,252)
```
#fc300e
```
#fc300e rgb(252,48,14)
```
#0efca7
```
#0efca7 rgb(14,252,167)
```

Split Complementary Color

#300efc
```
#300efc rgb(48,14,252)
```
#fc300e
```
#fc300e rgb(252,48,14)
```
#0efc30
```
#0efc30 rgb(14,252,48)
```

Triadic Color

#fc0eda
```
#fc0eda rgb(252,14,218)
```
#fc300e
```
#fc300e rgb(252,48,14)
```
#0efc30
```
#0efc30 rgb(14,252,48)
```
#0edafc
```
#0edafc rgb(14,218,252)
```

Tetradic Color

#bb1d02
```
#bb1d02 rgb(187,29,2)
```
#d42103
```
#d42103 rgb(212,33,3)
```
#ee2403
```
#ee2403 rgb(238,36,3)
```
#fc300e
```
#fc300e rgb(252,48,14)
```
#fc4627
```
#fc4627 rgb(252,70,39)
```
#fd5b40
```
#fd5b40 rgb(253,91,64)
```
#fd715a
```
#fd715a rgb(253,113,90)
```

Monochromatic Color

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

#fc0e28
```
#fc0e28 rgb(252,14,40)
```
#fc0e14
```
#fc0e14 rgb(252,14,20)
```
#fc1c0e
```
#fc1c0e rgb(252,28,14)
```
#fc300e
```
#fc300e rgb(252,48,14)
```
#fc440e
```
#fc440e rgb(252,68,14)
```
#fc580e
```
#fc580e rgb(252,88,14)
```
#fc6c0e
```
#fc6c0e rgb(252,108,14)
```

Similar Colors

Text with hexadecimal color #fc300e

This text has a font color of #fc300e.

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

#fc300e background color

This paragraph has a background color of #fc300e.

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

#fc300e border color

This element has a border color of #fc300e.

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

CSS codes

.text {color:#fc300e;}

.background {background-color:#fc300e;}

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

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, #0b0200 is the darkest color, while #fff8f6 is the lightest one.

#0b0200
```
#0b0200 rgb(11,2,0)
```
#1e0500
```
#1e0500 rgb(30,5,0)
```
#320801
```
#320801 rgb(50,8,1)
```
#450b01
```
#450b01 rgb(69,11,1)
```
#580e01
```
#580e01 rgb(88,14,1)
```
#6c1101
```
#6c1101 rgb(108,17,1)
```
#7f1402
```
#7f1402 rgb(127,20,2)
```
#921602
```
#921602 rgb(146,22,2)
```
#a61902
```
#a61902 rgb(166,25,2)
```
#b91c02
```
#b91c02 rgb(185,28,2)
```
#cd1f03
```
#cd1f03 rgb(205,31,3)
```
#e02203
```
#e02203 rgb(224,34,3)
```
#f32503
```
#f32503 rgb(243,37,3)
```

Shade Color Variation

#fc300e
```
#fc300e rgb(252,48,14)
```
#fc4121
```
#fc4121 rgb(252,65,33)
```
#fc5135
```
#fc5135 rgb(252,81,53)
```
#fd6248
```
#fd6248 rgb(253,98,72)
```
#fd735b
```
#fd735b rgb(253,115,91)
```
#fd836f
```
#fd836f rgb(253,131,111)
```
#fd9482
```
#fd9482 rgb(253,148,130)
```
#fea496
```
#fea496 rgb(254,164,150)
```
#feb5a9
```
#feb5a9 rgb(254,181,169)
```
#fec6bc
```
#fec6bc rgb(254,198,188)
```
#fed6d0
```
#fed6d0 rgb(254,214,208)
```
#ffe7e3
```
#ffe7e3 rgb(255,231,227)
```
#fff8f6
```
#fff8f6 rgb(255,248,246)
```

Tint Color Variation

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

#8b807f
```
#8b807f rgb(139,128,127)
```
#957a75
```
#957a75 rgb(149,122,117)
```
#9e736c
```
#9e736c rgb(158,115,108)
```
#a86c62
```
#a86c62 rgb(168,108,98)
```
#b16659
```
#b16659 rgb(177,102,89)
```
#ba5f50
```
#ba5f50 rgb(186,95,80)
```
#c45846
```
#c45846 rgb(196,88,70)
```
#cd523d
```
#cd523d rgb(205,82,61)
```
#d64b34
```
#d64b34 rgb(214,75,52)
```
#e0442a
```
#e0442a rgb(224,68,42)
```
#e93d21
```
#e93d21 rgb(233,61,33)
```
#f33717
```
#f33717 rgb(243,55,23)
```
#fc300e
```
#fc300e rgb(252,48,14)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#865e57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998a2c Protanopia 1% of men
#ac8300 Deuteranopia 1% of men
#fc3737 Tritanopia 0.001% of the population

Trichromacy

#bd6921 Protanomaly 1% of men, 0.01% of women
#c96505 Deuteranomaly 6% of men, 0.4% of women
#fc3528 Tritanomaly 0.01% of the population

#fc300e hex color

#fc300e Color Information

#fc300e Color Conversion

Color Schemes with #fc300e

Alternatives to #fc300e

#fc300e Preview

Shades and Tints of #fc300e

Tones of #fc300e

Color Blindness Simulator