#f63014 hex color

In a RGB color space, hex #f63014 is composed of 96.5% red, 18.8% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.5% magenta, 91.9% yellow and 3.5% black. It has a hue angle of 7.4 degrees, a saturation of 92.6% and a lightness of 52.2%. #f63014 color hex could be obtained by blending #ff6028 with #ed0000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 96
- G 19
- B 8
RGB color chart
- C 0
- M 80
- Y 92
- K 4
CMYK color chart

● #f63014 color description : Vivid red.

The hexadecimal color #f63014 has RGB values of R:246, G:48, B:20 and CMYK values of C:0, M:0.8, Y:0.92, K:0.04. Its decimal value is 16134164.

Hex triplet	f63014	`#f63014`
RGB Decimal	246, 48, 20	`rgb(246,48,20)`
RGB Percent	96.5, 18.8, 7.8	`rgb(96.5%,18.8%,7.8%)`
CMYK	0, 80, 92, 4
HSL	7.4°, 92.6, 52.2	`hsl(7.4,92.6%,52.2%)`
HSV (or HSB)	7.4°, 91.9, 96.5
Web Safe	ff3300	`#ff3300`

CIE-LAB	53.774, 71.403, 61.275
XYZ	39.191, 21.762, 2.799
xyY	0.615, 0.341, 21.762
CIE-LCH	53.774, 94.09, 40.635
CIE-LUV	53.774, 154.698, 38.675
Hunter-Lab	46.65, 68.323, 29.098
Binary	11110110, 00110000, 00010100

#f63014
```
#f63014 rgb(246,48,20)
```
#14daf6
```
#14daf6 rgb(20,218,246)
```

Complementary Color

#f61469
```
#f61469 rgb(246,20,105)
```
#f63014
```
#f63014 rgb(246,48,20)
```
#f6a114
```
#f6a114 rgb(246,161,20)
```

Analogous Color

#1469f6
```
#1469f6 rgb(20,105,246)
```
#f63014
```
#f63014 rgb(246,48,20)
```
#14f6a1
```
#14f6a1 rgb(20,246,161)
```

Split Complementary Color

#3014f6
```
#3014f6 rgb(48,20,246)
```
#f63014
```
#f63014 rgb(246,48,20)
```
#14f630
```
#14f630 rgb(20,246,48)
```

Triadic Color

#f614da
```
#f614da rgb(246,20,218)
```
#f63014
```
#f63014 rgb(246,48,20)
```
#14f630
```
#14f630 rgb(20,246,48)
```
#14daf6
```
#14daf6 rgb(20,218,246)
```

Tetradic Color

#b71d07
```
#b71d07 rgb(183,29,7)
```
#cf2108
```
#cf2108 rgb(207,33,8)
```
#e82409
```
#e82409 rgb(232,36,9)
```
#f63014
```
#f63014 rgb(246,48,20)
```
#f7462d
```
#f7462d rgb(247,70,45)
```
#f85b45
```
#f85b45 rgb(248,91,69)
```
#f9715e
```
#f9715e rgb(249,113,94)
```

Monochromatic Color

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

#f61430
```
#f61430 rgb(246,20,48)
```
#f6141e
```
#f6141e rgb(246,20,30)
```
#f61d14
```
#f61d14 rgb(246,29,20)
```
#f63014
```
#f63014 rgb(246,48,20)
```
#f64314
```
#f64314 rgb(246,67,20)
```
#f65614
```
#f65614 rgb(246,86,20)
```
#f66914
```
#f66914 rgb(246,105,20)
```

Similar Colors

Text with hexadecimal color #f63014

This text has a font color of #f63014.

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

#f63014 background color

This paragraph has a background color of #f63014.

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

#f63014 border color

This element has a border color of #f63014.

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

CSS codes

.text {color:#f63014;}

.background {background-color:#f63014;}

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

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 #fff8f7 is the lightest one.

#0b0200
```
#0b0200 rgb(11,2,0)
```
#1d0501
```
#1d0501 rgb(29,5,1)
```
#300802
```
#300802 rgb(48,8,2)
```
#430b03
```
#430b03 rgb(67,11,3)
```
#560e03
```
#560e03 rgb(86,14,3)
```
#691104
```
#691104 rgb(105,17,4)
```
#7c1405
```
#7c1405 rgb(124,20,5)
```
#8f1605
```
#8f1605 rgb(143,22,5)
```
#a21906
```
#a21906 rgb(162,25,6)
```
#b51c07
```
#b51c07 rgb(181,28,7)
```
#c81f08
```
#c81f08 rgb(200,31,8)
```
#da2208
```
#da2208 rgb(218,34,8)
```
#ed2509
```
#ed2509 rgb(237,37,9)
```

Shade Color Variation

#f63014
```
#f63014 rgb(246,48,20)
```
#f74127
```
#f74127 rgb(247,65,39)
```
#f7513a
```
#f7513a rgb(247,81,58)
```
#f8624d
```
#f8624d rgb(248,98,77)
```
#f97360
```
#f97360 rgb(249,115,96)
```
#fa8372
```
#fa8372 rgb(250,131,114)
```
#fa9485
```
#fa9485 rgb(250,148,133)
```
#fba498
```
#fba498 rgb(251,164,152)
```
#fcb5ab
```
#fcb5ab rgb(252,181,171)
```
#fdc6be
```
#fdc6be rgb(253,198,190)
```
#fdd6d1
```
#fdd6d1 rgb(253,214,209)
```
#fee7e4
```
#fee7e4 rgb(254,231,228)
```
#fff8f7
```
#fff8f7 rgb(255,248,247)
```

Tint Color Variation

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

#858585
```
#858585 rgb(133,133,133)
```
#8f7e7b
```
#8f7e7b rgb(143,126,123)
```
#987772
```
#987772 rgb(152,119,114)
```
#a27068
```
#a27068 rgb(162,112,104)
```
#ab685f
```
#ab685f rgb(171,104,95)
```
#b46156
```
#b46156 rgb(180,97,86)
```
#be5a4c
```
#be5a4c rgb(190,90,76)
```
#c75343
```
#c75343 rgb(199,83,67)
```
#d04c3a
```
#d04c3a rgb(208,76,58)
```
#da4530
```
#da4530 rgb(218,69,48)
```
#e33e27
```
#e33e27 rgb(227,62,39)
```
#ed371d
```
#ed371d rgb(237,55,29)
```
#f63014
```
#f63014 rgb(246,48,20)
```

Tone Color Variation

Below, you can see how #f63014 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
#845d57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968731 Protanopia 1% of men
#a88000 Deuteranopia 1% of men
#f63838 Tritanopia 0.001% of the population

Trichromacy

#b96726 Protanomaly 1% of men, 0.01% of women
#c46307 Deuteranomaly 6% of men, 0.4% of women
#f6352b Tritanomaly 0.01% of the population

#f63014 hex color

#f63014 Color Information

#f63014 Color Conversion

Color Schemes with #f63014

Alternatives to #f63014

#f63014 Preview

Shades and Tints of #f63014

Tones of #f63014

Color Blindness Simulator