#f05f0c hex color

In a RGB color space, hex #f05f0c is composed of 94.1% red, 37.3% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.4% magenta, 95% yellow and 5.9% black. It has a hue angle of 21.8 degrees, a saturation of 90.5% and a lightness of 49.4%. #f05f0c color hex could be obtained by blending #ffbe18 with #e10000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 94
- G 37
- B 5
RGB color chart
- C 0
- M 60
- Y 95
- K 6
CMYK color chart

● #f05f0c color description : Vivid orange.

The hexadecimal color #f05f0c has RGB values of R:240, G:95, B:12 and CMYK values of C:0, M:0.6, Y:0.95, K:0.06. Its decimal value is 15752972.

Hex triplet	f05f0c	`#f05f0c`
RGB Decimal	240, 95, 12	`rgb(240,95,12)`
RGB Percent	94.1, 37.3, 4.7	`rgb(94.1%,37.3%,4.7%)`
CMYK	0, 60, 95, 6
HSL	21.8°, 90.5, 49.4	`hsl(21.8,90.5%,49.4%)`
HSV (or HSB)	21.8°, 95, 94.1
Web Safe	ff6600	`#ff6600`

CIE-LAB	58.733, 52.866, 65.883
XYZ	40.096, 26.741, 3.398
xyY	0.571, 0.381, 26.741
CIE-LCH	58.733, 84.471, 51.256
CIE-LUV	58.733, 120.227, 49.491
Hunter-Lab	51.711, 47.909, 32.302
Binary	11110000, 01011111, 00001100

#f05f0c
```
#f05f0c rgb(240,95,12)
```
#0c9df0
```
#0c9df0 rgb(12,157,240)
```

Complementary Color

#f00c2b
```
#f00c2b rgb(240,12,43)
```
#f05f0c
```
#f05f0c rgb(240,95,12)
```
#f0d10c
```
#f0d10c rgb(240,209,12)
```

Analogous Color

#0c2bf0
```
#0c2bf0 rgb(12,43,240)
```
#f05f0c
```
#f05f0c rgb(240,95,12)
```
#0cf0d1
```
#0cf0d1 rgb(12,240,209)
```

Split Complementary Color

#5f0cf0
```
#5f0cf0 rgb(95,12,240)
```
#f05f0c
```
#f05f0c rgb(240,95,12)
```
#0cf05f
```
#0cf05f rgb(12,240,95)
```

Triadic Color

#f00c9d
```
#f00c9d rgb(240,12,157)
```
#f05f0c
```
#f05f0c rgb(240,95,12)
```
#0cf05f
```
#0cf05f rgb(12,240,95)
```
#0c9df0
```
#0c9df0 rgb(12,157,240)
```

Tetradic Color

#a74208
```
#a74208 rgb(167,66,8)
```
#bf4c0a
```
#bf4c0a rgb(191,76,10)
```
#d8550b
```
#d8550b rgb(216,85,11)
```
#f05f0c
```
#f05f0c rgb(240,95,12)
```
#f46e22
```
#f46e22 rgb(244,110,34)
```
#f57e3a
```
#f57e3a rgb(245,126,58)
```
#f68e52
```
#f68e52 rgb(246,142,82)
```

Monochromatic Color

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

#f0260c
```
#f0260c rgb(240,38,12)
```
#f0390c
```
#f0390c rgb(240,57,12)
```
#f04c0c
```
#f04c0c rgb(240,76,12)
```
#f05f0c
```
#f05f0c rgb(240,95,12)
```
#f0720c
```
#f0720c rgb(240,114,12)
```
#f0850c
```
#f0850c rgb(240,133,12)
```
#f0980c
```
#f0980c rgb(240,152,12)
```

Similar Colors

Text with hexadecimal color #f05f0c

This text has a font color of #f05f0c.

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

#f05f0c background color

This paragraph has a background color of #f05f0c.

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

#f05f0c border color

This element has a border color of #f05f0c.

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

CSS codes

.text {color:#f05f0c;}

.background {background-color:#f05f0c;}

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

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

#100601
```
#100601 rgb(16,6,1)
```
#230e02
```
#230e02 rgb(35,14,2)
```
#351503
```
#351503 rgb(53,21,3)
```
#481c04
```
#481c04 rgb(72,28,4)
```
#5b2405
```
#5b2405 rgb(91,36,5)
```
#6d2b05
```
#6d2b05 rgb(109,43,5)
```
#803306
```
#803306 rgb(128,51,6)
```
#933a07
```
#933a07 rgb(147,58,7)
```
#a54108
```
#a54108 rgb(165,65,8)
```
#b84909
```
#b84909 rgb(184,73,9)
```
#cb500a
```
#cb500a rgb(203,80,10)
```
#dd580b
```
#dd580b rgb(221,88,11)
```
#f05f0c
```
#f05f0c rgb(240,95,12)
```

Shade Color Variation

#f46a1c
```
#f46a1c rgb(244,106,28)
```
#f5772f
```
#f5772f rgb(245,119,47)
```
#f68341
```
#f68341 rgb(246,131,65)
```
#f68f54
```
#f68f54 rgb(246,143,84)
```
#f79b67
```
#f79b67 rgb(247,155,103)
```
#f8a879
```
#f8a879 rgb(248,168,121)
```
#f9b48c
```
#f9b48c rgb(249,180,140)
```
#fac09f
```
#fac09f rgb(250,192,159)
```
#fbccb1
```
#fbccb1 rgb(251,204,177)
```
#fcd8c4
```
#fcd8c4 rgb(252,216,196)
```
#fde5d7
```
#fde5d7 rgb(253,229,215)
```
#fef1e9
```
#fef1e9 rgb(254,241,233)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#857c77
```
#857c77 rgb(133,124,119)
```
#8f796d
```
#8f796d rgb(143,121,109)
```
#997763
```
#997763 rgb(153,119,99)
```
#a2745a
```
#a2745a rgb(162,116,90)
```
#ac7150
```
#ac7150 rgb(172,113,80)
```
#b66f46
```
#b66f46 rgb(182,111,70)
```
#c06c3c
```
#c06c3c rgb(192,108,60)
```
#c96a33
```
#c96a33 rgb(201,106,51)
```
#d36729
```
#d36729 rgb(211,103,41)
```
#dd641f
```
#dd641f rgb(221,100,31)
```
#e66216
```
#e66216 rgb(230,98,22)
```
#f05f0c
```
#f05f0c rgb(240,95,12)
```
#fa5c02
```
#fa5c02 rgb(250,92,2)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#977a6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49324 Protanopia 1% of men
#b88c00 Deuteranopia 1% of men
#f26066 Tritanopia 0.001% of the population

Trichromacy

#c0801b Protanomaly 1% of men, 0.01% of women
#cc7b04 Deuteranomaly 6% of men, 0.4% of women
#f16045 Tritanomaly 0.01% of the population

#f05f0c hex color

#f05f0c Color Information

#f05f0c Color Conversion

Color Schemes with #f05f0c

Alternatives to #f05f0c

#f05f0c Preview

Shades and Tints of #f05f0c

Tones of #f05f0c

Color Blindness Simulator