#f35014 hex color

In a RGB color space, hex #f35014 is composed of 95.3% red, 31.4% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.1% magenta, 91.8% yellow and 4.7% black. It has a hue angle of 16.1 degrees, a saturation of 90.3% and a lightness of 51.6%. #f35014 color hex could be obtained by blending #ffa028 with #e70000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 95
- G 31
- B 8
RGB color chart
- C 0
- M 67
- Y 92
- K 5
CMYK color chart

● #f35014 color description : Vivid orange.

The hexadecimal color #f35014 has RGB values of R:243, G:80, B:20 and CMYK values of C:0, M:0.67, Y:0.92, K:0.05. Its decimal value is 15945748.

Hex triplet	f35014	`#f35014`
RGB Decimal	243, 80, 20	`rgb(243,80,20)`
RGB Percent	95.3, 31.4, 7.8	`rgb(95.3%,31.4%,7.8%)`
CMYK	0, 67, 92, 5
HSL	16.1°, 90.3, 51.6	`hsl(16.1,90.3%,51.6%)`
HSV (or HSB)	16.1°, 91.8, 95.3
Web Safe	ff6600	`#ff6600`

CIE-LAB	56.926, 60.229, 63.042
XYZ	39.959, 24.847, 3.354
xyY	0.586, 0.365, 24.847
CIE-LCH	56.926, 87.188, 46.307
CIE-LUV	56.926, 133.405, 44.896
Hunter-Lab	49.847, 55.86, 30.904
Binary	11110011, 01010000, 00010100

#f35014
```
#f35014 rgb(243,80,20)
```
#14b7f3
```
#14b7f3 rgb(20,183,243)
```

Complementary Color

#f31447
```
#f31447 rgb(243,20,71)
```
#f35014
```
#f35014 rgb(243,80,20)
```
#f3c014
```
#f3c014 rgb(243,192,20)
```

Analogous Color

#1447f3
```
#1447f3 rgb(20,71,243)
```
#f35014
```
#f35014 rgb(243,80,20)
```
#14f3c0
```
#14f3c0 rgb(20,243,192)
```

Split Complementary Color

#5014f3
```
#5014f3 rgb(80,20,243)
```
#f35014
```
#f35014 rgb(243,80,20)
```
#14f350
```
#14f350 rgb(20,243,80)
```

Triadic Color

#f314b7
```
#f314b7 rgb(243,20,183)
```
#f35014
```
#f35014 rgb(243,80,20)
```
#14f350
```
#14f350 rgb(20,243,80)
```
#14b7f3
```
#14b7f3 rgb(20,183,243)
```

Tetradic Color

#b13609
```
#b13609 rgb(177,54,9)
```
#ca3e0a
```
#ca3e0a rgb(202,62,10)
```
#e2450c
```
#e2450c rgb(226,69,12)
```
#f35014
```
#f35014 rgb(243,80,20)
```
#f4622c
```
#f4622c rgb(244,98,44)
```
#f57445
```
#f57445 rgb(245,116,69)
```
#f7865d
```
#f7865d rgb(247,134,93)
```

Monochromatic Color

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

#f31814
```
#f31814 rgb(243,24,20)
```
#f32b14
```
#f32b14 rgb(243,43,20)
```
#f33d14
```
#f33d14 rgb(243,61,20)
```
#f35014
```
#f35014 rgb(243,80,20)
```
#f36314
```
#f36314 rgb(243,99,20)
```
#f37514
```
#f37514 rgb(243,117,20)
```
#f38814
```
#f38814 rgb(243,136,20)
```

Similar Colors

Text with hexadecimal color #f35014

This text has a font color of #f35014.

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

#f35014 background color

This paragraph has a background color of #f35014.

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

#f35014 border color

This element has a border color of #f35014.

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

CSS codes

.text {color:#f35014;}

.background {background-color:#f35014;}

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

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

#080200
```
#080200 rgb(8,2,0)
```
#1a0801
```
#1a0801 rgb(26,8,1)
```
#2d0e02
```
#2d0e02 rgb(45,14,2)
```
#401303
```
#401303 rgb(64,19,3)
```
#521904
```
#521904 rgb(82,25,4)
```
#651f05
```
#651f05 rgb(101,31,5)
```
#782506
```
#782506 rgb(120,37,6)
```
#8a2a07
```
#8a2a07 rgb(138,42,7)
```
#9d3008
```
#9d3008 rgb(157,48,8)
```
#b03609
```
#b03609 rgb(176,54,9)
```
#c23c0a
```
#c23c0a rgb(194,60,10)
```
#d5410b
```
#d5410b rgb(213,65,11)
```
#e8470c
```
#e8470c rgb(232,71,12)
```

Shade Color Variation

#f35014
```
#f35014 rgb(243,80,20)
```
#f45e27
```
#f45e27 rgb(244,94,39)
```
#f56c39
```
#f56c39 rgb(245,108,57)
```
#f67a4c
```
#f67a4c rgb(246,122,76)
```
#f7885f
```
#f7885f rgb(247,136,95)
```
#f89571
```
#f89571 rgb(248,149,113)
```
#f9a384
```
#f9a384 rgb(249,163,132)
```
#fab197
```
#fab197 rgb(250,177,151)
```
#fbbfa9
```
#fbbfa9 rgb(251,191,169)
```
#fccdbc
```
#fccdbc rgb(252,205,188)
```
#fddbcf
```
#fddbcf rgb(253,219,207)
```
#fde9e1
```
#fde9e1 rgb(253,233,225)
```
#fef7f4
```
#fef7f4 rgb(254,247,244)
```

Tint Color Variation

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

#8b807d
```
#8b807d rgb(139,128,125)
```
#947c73
```
#947c73 rgb(148,124,115)
```
#9e776a
```
#9e776a rgb(158,119,106)
```
#a77360
```
#a77360 rgb(167,115,96)
```
#b16f57
```
#b16f57 rgb(177,111,87)
```
#ba6a4d
```
#ba6a4d rgb(186,106,77)
```
#c46644
```
#c46644 rgb(196,102,68)
```
#cd623a
```
#cd623a rgb(205,98,58)
```
#d75d31
```
#d75d31 rgb(215,93,49)
```
#e05927
```
#e05927 rgb(224,89,39)
```
#ea541e
```
#ea541e rgb(234,84,30)
```
#f35014
```
#f35014 rgb(243,80,20)
```
#fd4c0b
```
#fd4c0b rgb(253,76,11)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#927266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8f2d Protanopia 1% of men
#b28700 Deuteranopia 1% of men
#f55357 Tritanopia 0.001% of the population

Trichromacy

#bd7824 Protanomaly 1% of men, 0.01% of women
#c97307 Deuteranomaly 6% of men, 0.4% of women
#f4523f Tritanomaly 0.01% of the population

#f35014 hex color

#f35014 Color Information

#f35014 Color Conversion

Color Schemes with #f35014

Alternatives to #f35014

#f35014 Preview

Shades and Tints of #f35014

Tones of #f35014

Color Blindness Simulator