#f3300c hex color

In a RGB color space, hex #f3300c is composed of 95.3% red, 18.8% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 95.1% yellow and 4.7% black. It has a hue angle of 9.4 degrees, a saturation of 90.6% and a lightness of 50%. #f3300c color hex could be obtained by blending #ff6018 with #e70000. Closest websafe color is: #ff3300.

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

● #f3300c color description : Vivid red.

The hexadecimal color #f3300c has RGB values of R:243, G:48, B:12 and CMYK values of C:0, M:0.8, Y:0.95, K:0.05. Its decimal value is 15937548.

Hex triplet	f3300c	`#f3300c`
RGB Decimal	243, 48, 12	`rgb(243,48,12)`
RGB Percent	95.3, 18.8, 4.7	`rgb(95.3%,18.8%,4.7%)`
CMYK	0, 80, 95, 5
HSL	9.4°, 90.6, 50	`hsl(9.4,90.6%,50%)`
HSV (or HSB)	9.4°, 95.1, 95.3
Web Safe	ff3300	`#ff3300`

CIE-LAB	53.168, 70.488, 62.911
XYZ	38.088, 21.2, 2.434
xyY	0.617, 0.343, 21.2
CIE-LCH	53.168, 94.48, 41.749
CIE-LUV	53.168, 153.031, 39.203
Hunter-Lab	46.043, 67.081, 29.096
Binary	11110011, 00110000, 00001100

#f3300c
```
#f3300c rgb(243,48,12)
```
#0ccff3
```
#0ccff3 rgb(12,207,243)
```

Complementary Color

#f30c5b
```
#f30c5b rgb(243,12,91)
```
#f3300c
```
#f3300c rgb(243,48,12)
```
#f3a40c
```
#f3a40c rgb(243,164,12)
```

Analogous Color

#0c5bf3
```
#0c5bf3 rgb(12,91,243)
```
#f3300c
```
#f3300c rgb(243,48,12)
```
#0cf3a4
```
#0cf3a4 rgb(12,243,164)
```

Split Complementary Color

#300cf3
```
#300cf3 rgb(48,12,243)
```
#f3300c
```
#f3300c rgb(243,48,12)
```
#0cf330
```
#0cf330 rgb(12,243,48)
```

Triadic Color

#f30ccf
```
#f30ccf rgb(243,12,207)
```
#f3300c
```
#f3300c rgb(243,48,12)
```
#0cf330
```
#0cf330 rgb(12,243,48)
```
#0ccff3
```
#0ccff3 rgb(12,207,243)
```

Tetradic Color

#aa2208
```
#aa2208 rgb(170,34,8)
```
#c2260a
```
#c2260a rgb(194,38,10)
```
#db2b0b
```
#db2b0b rgb(219,43,11)
```
#f3300c
```
#f3300c rgb(243,48,12)
```
#f44524
```
#f44524 rgb(244,69,36)
```
#f5593d
```
#f5593d rgb(245,89,61)
```
#f76e55
```
#f76e55 rgb(247,110,85)
```

Monochromatic Color

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

#f30c22
```
#f30c22 rgb(243,12,34)
```
#f30c0f
```
#f30c0f rgb(243,12,15)
```
#f31d0c
```
#f31d0c rgb(243,29,12)
```
#f3300c
```
#f3300c rgb(243,48,12)
```
#f3430c
```
#f3430c rgb(243,67,12)
```
#f3570c
```
#f3570c rgb(243,87,12)
```
#f36a0c
```
#f36a0c rgb(243,106,12)
```

Similar Colors

Text with hexadecimal color #f3300c

This text has a font color of #f3300c.

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

#f3300c background color

This paragraph has a background color of #f3300c.

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

#f3300c border color

This element has a border color of #f3300c.

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

CSS codes

.text {color:#f3300c;}

.background {background-color:#f3300c;}

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

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

#130401
```
#130401 rgb(19,4,1)
```
#250702
```
#250702 rgb(37,7,2)
```
#380b03
```
#380b03 rgb(56,11,3)
```
#4b0f04
```
#4b0f04 rgb(75,15,4)
```
#5d1205
```
#5d1205 rgb(93,18,5)
```
#701606
```
#701606 rgb(112,22,6)
```
#831a06
```
#831a06 rgb(131,26,6)
```
#961e07
```
#961e07 rgb(150,30,7)
```
#a82108
```
#a82108 rgb(168,33,8)
```
#bb2509
```
#bb2509 rgb(187,37,9)
```
#ce290a
```
#ce290a rgb(206,41,10)
```
#e02c0b
```
#e02c0b rgb(224,44,11)
```
#f3300c
```
#f3300c rgb(243,48,12)
```

Shade Color Variation

#f4401f
```
#f4401f rgb(244,64,31)
```
#f55031
```
#f55031 rgb(245,80,49)
```
#f66044
```
#f66044 rgb(246,96,68)
```
#f77057
```
#f77057 rgb(247,112,87)
```
#f88069
```
#f88069 rgb(248,128,105)
```
#f9907c
```
#f9907c rgb(249,144,124)
```
#f99f8f
```
#f99f8f rgb(249,159,143)
```
#faafa2
```
#faafa2 rgb(250,175,162)
```
#fbbfb4
```
#fbbfb4 rgb(251,191,180)
```
#fccfc7
```
#fccfc7 rgb(252,207,199)
```
#fddfda
```
#fddfda rgb(253,223,218)
```
#feefec
```
#feefec rgb(254,239,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#877a78
```
#877a78 rgb(135,122,120)
```
#91746e
```
#91746e rgb(145,116,110)
```
#9b6d64
```
#9b6d64 rgb(155,109,100)
```
#a5665a
```
#a5665a rgb(165,102,90)
```
#ae5f51
```
#ae5f51 rgb(174,95,81)
```
#b85947
```
#b85947 rgb(184,89,71)
```
#c2523d
```
#c2523d rgb(194,82,61)
```
#cc4b33
```
#cc4b33 rgb(204,75,51)
```
#d64429
```
#d64429 rgb(214,68,41)
```
#df3e20
```
#df3e20 rgb(223,62,32)
```
#e93716
```
#e93716 rgb(233,55,22)
```
#f3300c
```
#f3300c rgb(243,48,12)
```
#fd2902
```
#fd2902 rgb(253,41,2)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#825b54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958529 Protanopia 1% of men
#a67f00 Deuteranopia 1% of men
#f43737 Tritanopia 0.001% of the population

Trichromacy

#b7661f Protanomaly 1% of men, 0.01% of women
#c26204 Deuteranomaly 6% of men, 0.4% of women
#f33427 Tritanomaly 0.01% of the population

#f3300c hex color

#f3300c Color Information

#f3300c Color Conversion

Color Schemes with #f3300c

Alternatives to #f3300c

#f3300c Preview

Shades and Tints of #f3300c

Tones of #f3300c

Color Blindness Simulator