#f64e0c hex color

In a RGB color space, hex #f64e0c is composed of 96.5% red, 30.6% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.3% magenta, 95.1% yellow and 3.5% black. It has a hue angle of 16.9 degrees, a saturation of 92.9% and a lightness of 50.6%. #f64e0c color hex could be obtained by blending #ff9c18 with #ed0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 96
- G 31
- B 5
RGB color chart
- C 0
- M 68
- Y 95
- K 4
CMYK color chart

● #f64e0c color description : Vivid orange.

The hexadecimal color #f64e0c has RGB values of R:246, G:78, B:12 and CMYK values of C:0, M:0.68, Y:0.95, K:0.04. Its decimal value is 16141836.

Hex triplet	f64e0c	`#f64e0c`
RGB Decimal	246, 78, 12	`rgb(246,78,12)`
RGB Percent	96.5, 30.6, 4.7	`rgb(96.5%,30.6%,4.7%)`
CMYK	0, 68, 95, 4
HSL	16.9°, 92.9, 50.6	`hsl(16.9,92.9%,50.6%)`
HSV (or HSB)	16.9°, 95.1, 96.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	57.146, 61.886, 65.446
XYZ	40.799, 25.073, 3.039
xyY	0.592, 0.364, 25.073
CIE-LCH	57.146, 90.073, 46.602
CIE-LUV	57.146, 137.614, 45.585
Hunter-Lab	50.073, 57.812, 31.452
Binary	11110110, 01001110, 00001100

#f64e0c
```
#f64e0c rgb(246,78,12)
```
#0cb4f6
```
#0cb4f6 rgb(12,180,246)
```

Complementary Color

#f60c3f
```
#f60c3f rgb(246,12,63)
```
#f64e0c
```
#f64e0c rgb(246,78,12)
```
#f6c30c
```
#f6c30c rgb(246,195,12)
```

Analogous Color

#0c3ff6
```
#0c3ff6 rgb(12,63,246)
```
#f64e0c
```
#f64e0c rgb(246,78,12)
```
#0cf6c3
```
#0cf6c3 rgb(12,246,195)
```

Split Complementary Color

#4e0cf6
```
#4e0cf6 rgb(78,12,246)
```
#f64e0c
```
#f64e0c rgb(246,78,12)
```
#0cf64e
```
#0cf64e rgb(12,246,78)
```

Triadic Color

#f60cb4
```
#f60cb4 rgb(246,12,180)
```
#f64e0c
```
#f64e0c rgb(246,78,12)
```
#0cf64e
```
#0cf64e rgb(12,246,78)
```
#0cb4f6
```
#0cb4f6 rgb(12,180,246)
```

Tetradic Color

#af3606
```
#af3606 rgb(175,54,6)
```
#c83e07
```
#c83e07 rgb(200,62,7)
```
#e04508
```
#e04508 rgb(224,69,8)
```
#f64e0c
```
#f64e0c rgb(246,78,12)
```
#f76025
```
#f76025 rgb(247,96,37)
```
#f8723d
```
#f8723d rgb(248,114,61)
```
#f98456
```
#f98456 rgb(249,132,86)
```

Monochromatic Color

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

#f6140c
```
#f6140c rgb(246,20,12)
```
#f6270c
```
#f6270c rgb(246,39,12)
```
#f63b0c
```
#f63b0c rgb(246,59,12)
```
#f64e0c
```
#f64e0c rgb(246,78,12)
```
#f6620c
```
#f6620c rgb(246,98,12)
```
#f6750c
```
#f6750c rgb(246,117,12)
```
#f6890c
```
#f6890c rgb(246,137,12)
```

Similar Colors

Text with hexadecimal color #f64e0c

This text has a font color of #f64e0c.

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

#f64e0c background color

This paragraph has a background color of #f64e0c.

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

#f64e0c border color

This element has a border color of #f64e0c.

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

CSS codes

.text {color:#f64e0c;}

.background {background-color:#f64e0c;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#160701
```
#160701 rgb(22,7,1)
```
#290d02
```
#290d02 rgb(41,13,2)
```
#3c1202
```
#3c1202 rgb(60,18,2)
```
#4f1803
```
#4f1803 rgb(79,24,3)
```
#611e04
```
#611e04 rgb(97,30,4)
```
#742404
```
#742404 rgb(116,36,4)
```
#872a05
```
#872a05 rgb(135,42,5)
```
#9a3006
```
#9a3006 rgb(154,48,6)
```
#ad3506
```
#ad3506 rgb(173,53,6)
```
#c03b07
```
#c03b07 rgb(192,59,7)
```
#d34108
```
#d34108 rgb(211,65,8)
```
#e64709
```
#e64709 rgb(230,71,9)
```

Shade Color Variation

#f64e0c
```
#f64e0c rgb(246,78,12)
```
#f75c1f
```
#f75c1f rgb(247,92,31)
```
#f76a32
```
#f76a32 rgb(247,106,50)
```
#f87745
```
#f87745 rgb(248,119,69)
```
#f98558
```
#f98558 rgb(249,133,88)
```
#fa936b
```
#fa936b rgb(250,147,107)
```
#faa17d
```
#faa17d rgb(250,161,125)
```
#fbae90
```
#fbae90 rgb(251,174,144)
```
#fcbca3
```
#fcbca3 rgb(252,188,163)
```
#fccab6
```
#fccab6 rgb(252,202,182)
```
#fdd8c9
```
#fdd8c9 rgb(253,216,201)
```
#fee6dc
```
#fee6dc rgb(254,230,220)
```
#fef3ef
```
#fef3ef rgb(254,243,239)
```

Tint Color Variation

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

#828180
```
#828180 rgb(130,129,128)
```
#8b7c77
```
#8b7c77 rgb(139,124,119)
```
#95786d
```
#95786d rgb(149,120,109)
```
#9f7463
```
#9f7463 rgb(159,116,99)
```
#a8705a
```
#a8705a rgb(168,112,90)
```
#b26c50
```
#b26c50 rgb(178,108,80)
```
#bc6746
```
#bc6746 rgb(188,103,70)
```
#c6633c
```
#c6633c rgb(198,99,60)
```
#cf5f33
```
#cf5f33 rgb(207,95,51)
```
#d95b29
```
#d95b29 rgb(217,91,41)
```
#e3561f
```
#e3561f rgb(227,86,31)
```
#ec5216
```
#ec5216 rgb(236,82,22)
```
#f64e0c
```
#f64e0c rgb(246,78,12)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#927063 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a08f27 Protanopia 1% of men
#b38800 Deuteranopia 1% of men
#f75155 Tritanopia 0.001% of the population

Trichromacy

#bf771d Protanomaly 1% of men, 0.01% of women
#cb7304 Deuteranomaly 6% of men, 0.4% of women
#f7503a Tritanomaly 0.01% of the population

#f64e0c hex color

#f64e0c Color Information

#f64e0c Color Conversion

Color Schemes with #f64e0c

Alternatives to #f64e0c

#f64e0c Preview

Shades and Tints of #f64e0c

Tones of #f64e0c

Color Blindness Simulator