#fc3318 hex color

In a RGB color space, hex #fc3318 is composed of 98.8% red, 20% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.8% magenta, 90.5% yellow and 1.2% black. It has a hue angle of 7.1 degrees, a saturation of 97.4% and a lightness of 54.1%. #fc3318 color hex could be obtained by blending #ff6630 with #f90000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 99
- G 20
- B 9
RGB color chart
- C 0
- M 80
- Y 90
- K 1
CMYK color chart

● #fc3318 color description : Vivid red.

The hexadecimal color #fc3318 has RGB values of R:252, G:51, B:24 and CMYK values of C:0, M:0.8, Y:0.9, K:0.01. Its decimal value is 16528152.

Hex triplet	fc3318	`#fc3318`
RGB Decimal	252, 51, 24	`rgb(252,51,24)`
RGB Percent	98.8, 20, 9.4	`rgb(98.8%,20%,9.4%)`
CMYK	0, 80, 90, 1
HSL	7.1°, 97.4, 54.1	`hsl(7.1,97.4%,54.1%)`
HSV (or HSB)	7.1°, 90.5, 98.8
Web Safe	ff3300	`#ff3300`

CIE-LAB	55.21, 72.366, 61.415
XYZ	41.496, 23.134, 3.145
xyY	0.612, 0.341, 23.134
CIE-LCH	55.21, 94.914, 40.32
CIE-LUV	55.21, 157.372, 39.385
Hunter-Lab	48.098, 69.826, 29.792
Binary	11111100, 00110011, 00011000

#fc3318
```
#fc3318 rgb(252,51,24)
```
#18e1fc
```
#18e1fc rgb(24,225,252)
```

Complementary Color

#fc186f
```
#fc186f rgb(252,24,111)
```
#fc3318
```
#fc3318 rgb(252,51,24)
```
#fca518
```
#fca518 rgb(252,165,24)
```

Analogous Color

#186ffc
```
#186ffc rgb(24,111,252)
```
#fc3318
```
#fc3318 rgb(252,51,24)
```
#18fca5
```
#18fca5 rgb(24,252,165)
```

Split Complementary Color

#3318fc
```
#3318fc rgb(51,24,252)
```
#fc3318
```
#fc3318 rgb(252,51,24)
```
#18fc33
```
#18fc33 rgb(24,252,51)
```

Triadic Color

#fc18e1
```
#fc18e1 rgb(252,24,225)
```
#fc3318
```
#fc3318 rgb(252,51,24)
```
#18fc33
```
#18fc33 rgb(24,252,51)
```
#18e1fc
```
#18e1fc rgb(24,225,252)
```

Tetradic Color

#c51a03
```
#c51a03 rgb(197,26,3)
```
#de1d03
```
#de1d03 rgb(222,29,3)
```
#f72003
```
#f72003 rgb(247,32,3)
```
#fc3318
```
#fc3318 rgb(252,51,24)
```
#fc4931
```
#fc4931 rgb(252,73,49)
```
#fd5f4a
```
#fd5f4a rgb(253,95,74)
```
#fd7664
```
#fd7664 rgb(253,118,100)
```

Monochromatic Color

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

#fc1836
```
#fc1836 rgb(252,24,54)
```
#fc1823
```
#fc1823 rgb(252,24,35)
```
#fc2018
```
#fc2018 rgb(252,32,24)
```
#fc3318
```
#fc3318 rgb(252,51,24)
```
#fc4618
```
#fc4618 rgb(252,70,24)
```
#fc5918
```
#fc5918 rgb(252,89,24)
```
#fc6c18
```
#fc6c18 rgb(252,108,24)
```

Similar Colors

Text with hexadecimal color #fc3318

This text has a font color of #fc3318.

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

#fc3318 background color

This paragraph has a background color of #fc3318.

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

#fc3318 border color

This element has a border color of #fc3318.

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

CSS codes

.text {color:#fc3318;}

.background {background-color:#fc3318;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#150300
```
#150300 rgb(21,3,0)
```
#280501
```
#280501 rgb(40,5,1)
```
#3b0801
```
#3b0801 rgb(59,8,1)
```
#4f0a01
```
#4f0a01 rgb(79,10,1)
```
#620d01
```
#620d01 rgb(98,13,1)
```
#760f02
```
#760f02 rgb(118,15,2)
```
#891202
```
#891202 rgb(137,18,2)
```
#9c1402
```
#9c1402 rgb(156,20,2)
```
#b01702
```
#b01702 rgb(176,23,2)
```
#c31903
```
#c31903 rgb(195,25,3)
```
#d61c03
```
#d61c03 rgb(214,28,3)
```
#ea1e03
```
#ea1e03 rgb(234,30,3)
```

Shade Color Variation

#fc2205
```
#fc2205 rgb(252,34,5)
```
#fc3318
```
#fc3318 rgb(252,51,24)
```
#fc442b
```
#fc442b rgb(252,68,43)
```
#fd553f
```
#fd553f rgb(253,85,63)
```
#fd6652
```
#fd6652 rgb(253,102,82)
```
#fd7765
```
#fd7765 rgb(253,119,101)
```
#fd8979
```
#fd8979 rgb(253,137,121)
```
#fe9a8c
```
#fe9a8c rgb(254,154,140)
```
#feaba0
```
#feaba0 rgb(254,171,160)
```
#febcb3
```
#febcb3 rgb(254,188,179)
```
#fecdc6
```
#fecdc6 rgb(254,205,198)
```
#ffdeda
```
#ffdeda rgb(255,222,218)
```
#ffefed
```
#ffefed rgb(255,239,237)
```

Tint Color Variation

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

#908584
```
#908584 rgb(144,133,132)
```
#997f7b
```
#997f7b rgb(153,127,123)
```
#a27872
```
#a27872 rgb(162,120,114)
```
#ab7169
```
#ab7169 rgb(171,113,105)
```
#b46a60
```
#b46a60 rgb(180,106,96)
```
#bd6357
```
#bd6357 rgb(189,99,87)
```
#c65c4e
```
#c65c4e rgb(198,92,78)
```
#cf5545
```
#cf5545 rgb(207,85,69)
```
#d84e3c
```
#d84e3c rgb(216,78,60)
```
#e14833
```
#e14833 rgb(225,72,51)
```
#ea412a
```
#ea412a rgb(234,65,42)
```
#f33a21
```
#f33a21 rgb(243,58,33)
```
#fc3318
```
#fc3318 rgb(252,51,24)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#89615b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8a35 Protanopia 1% of men
#ad8300 Deuteranopia 1% of men
#fc3b3b Tritanopia 0.001% of the population

Trichromacy

#bd6a2a Protanomaly 1% of men, 0.01% of women
#c96608 Deuteranomaly 6% of men, 0.4% of women
#fc382e Tritanomaly 0.01% of the population

#fc3318 hex color

#fc3318 Color Information

#fc3318 Color Conversion

Color Schemes with #fc3318

Alternatives to #fc3318

#fc3318 Preview

Shades and Tints of #fc3318

Tones of #fc3318

Color Blindness Simulator