colorhexa.com

#f07c06 hex color

In a RGB color space, hex #f07c06 is composed of 94.1% red, 48.6% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.3% magenta, 97.5% yellow and 5.9% black. It has a hue angle of 30.3 degrees, a saturation of 95.1% and a lightness of 48.2%. #f07c06 color hex could be obtained by blending #fff80c with #e10000. Closest websafe color is: #ff6600.

- R 94
- G 49
- B 2
RGB color chart
- C 0
- M 48
- Y 98
- K 6
CMYK color chart

● #f07c06 color description : Vivid orange.

The hexadecimal color #f07c06 has RGB values of R:240, G:124, B:6 and CMYK values of C:0, M:0.48, Y:0.98, K:0.06. Its decimal value is 15760390.

Hex triplet	f07c06	`#f07c06`
RGB Decimal	240, 124, 6	`rgb(240,124,6)`
RGB Percent	94.1, 48.6, 2.4	`rgb(94.1%,48.6%,2.4%)`
CMYK	0, 48, 98, 6
HSL	30.3°, 95.1, 48.2	`hsl(30.3,95.1%,48.2%)`
HSV (or HSB)	30.3°, 97.5, 94.1
Web Safe	ff6600	`#ff6600`

CIE-LAB	64.127, 38.99, 70.253
XYZ	43.177, 32.958, 4.26
xyY	0.537, 0.41, 32.958
CIE-LCH	64.127, 80.347, 60.97
CIE-LUV	64.127, 96.697, 58.901
Hunter-Lab	57.409, 33.785, 35.787
Binary	11110000, 01111100, 00000110

#f07c06
```
#f07c06 rgb(240,124,6)
```
#067af0
```
#067af0 rgb(6,122,240)
```

Complementary Color

#f00706
```
#f00706 rgb(240,7,6)
```
#f07c06
```
#f07c06 rgb(240,124,6)
```
#eff006
```
#eff006 rgb(239,240,6)
```

Analogous Color

#0706f0
```
#0706f0 rgb(7,6,240)
```
#f07c06
```
#f07c06 rgb(240,124,6)
```
#06eff0
```
#06eff0 rgb(6,239,240)
```

Split Complementary Color

#7c06f0
```
#7c06f0 rgb(124,6,240)
```
#f07c06
```
#f07c06 rgb(240,124,6)
```
#06f07c
```
#06f07c rgb(6,240,124)
```

Triadic Color

#a55504
```
#a55504 rgb(165,85,4)
```
#be6205
```
#be6205 rgb(190,98,5)
```
#d76f05
```
#d76f05 rgb(215,111,5)
```
#f07c06
```
#f07c06 rgb(240,124,6)
```
#f98916
```
#f98916 rgb(249,137,22)
```
#fa952f
```
#fa952f rgb(250,149,47)
```
#faa248
```
#faa248 rgb(250,162,72)
```

Monochromatic Color

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

#f04206
```
#f04206 rgb(240,66,6)
```
#f05506
```
#f05506 rgb(240,85,6)
```
#f06906
```
#f06906 rgb(240,105,6)
```
#f07c06
```
#f07c06 rgb(240,124,6)
```
#f09006
```
#f09006 rgb(240,144,6)
```
#f0a306
```
#f0a306 rgb(240,163,6)
```
#f0b706
```
#f0b706 rgb(240,183,6)
```

Similar Colors

Text with hexadecimal color #f07c06

This text has a font color of #f07c06.

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

#f07c06 background color

This paragraph has a background color of #f07c06.

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

#f07c06 border color

This element has a border color of #f07c06.

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

CSS codes

.text {color:#f07c06;}

.background {background-color:#f07c06;}

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

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, #0a0500 is the darkest color, while #fffbf6 is the lightest one.

#0a0500
```
#0a0500 rgb(10,5,0)
```
#1d0f01
```
#1d0f01 rgb(29,15,1)
```
#311901
```
#311901 rgb(49,25,1)
```
#442302
```
#442302 rgb(68,35,2)
```
#572d02
```
#572d02 rgb(87,45,2)
```
#6a3703
```
#6a3703 rgb(106,55,3)
```
#7d4103
```
#7d4103 rgb(125,65,3)
```
#904b04
```
#904b04 rgb(144,75,4)
```
#a35404
```
#a35404 rgb(163,84,4)
```
#b75e05
```
#b75e05 rgb(183,94,5)
```
#ca6805
```
#ca6805 rgb(202,104,5)
```
#dd7206
```
#dd7206 rgb(221,114,6)
```
#f07c06
```
#f07c06 rgb(240,124,6)
```

Shade Color Variation

#f98611
```
#f98611 rgb(249,134,17)
```
#fa9024
```
#fa9024 rgb(250,144,36)
```
#fa9937
```
#fa9937 rgb(250,153,55)
```
#faa34a
```
#faa34a rgb(250,163,74)
```
#fbad5d
```
#fbad5d rgb(251,173,93)
```
#fbb670
```
#fbb670 rgb(251,182,112)
```
#fcc083
```
#fcc083 rgb(252,192,131)
```
#fcca97
```
#fcca97 rgb(252,202,151)
```
#fdd4aa
```
#fdd4aa rgb(253,212,170)
```
#fdddbd
```
#fdddbd rgb(253,221,189)
```
#fee7d0
```
#fee7d0 rgb(254,231,208)
```
#fef1e3
```
#fef1e3 rgb(254,241,227)
```
#fffbf6
```
#fffbf6 rgb(255,251,246)
```

Tint Color Variation

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

#7e7b78
```
#7e7b78 rgb(126,123,120)
```
#887b6e
```
#887b6e rgb(136,123,110)
```
#917b65
```
#917b65 rgb(145,123,101)
```
#9b7b5b
```
#9b7b5b rgb(155,123,91)
```
#a47b52
```
#a47b52 rgb(164,123,82)
```
#ae7b48
```
#ae7b48 rgb(174,123,72)
```
#b77c3f
```
#b77c3f rgb(183,124,63)
```
#c17c35
```
#c17c35 rgb(193,124,53)
```
#ca7c2c
```
#ca7c2c rgb(202,124,44)
```
#d47c22
```
#d47c22 rgb(212,124,34)
```
#dd7c19
```
#dd7c19 rgb(221,124,25)
```
#e77c0f
```
#e77c0f rgb(231,124,15)
```
#f07c06
```
#f07c06 rgb(240,124,6)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#a48d75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a01d Protanopia 1% of men
#c89800 Deuteranopia 1% of men
#f47a81 Tritanopia 0.001% of the population

Trichromacy

#c99314 Protanomaly 1% of men, 0.01% of women
#d78e02 Deuteranomaly 6% of men, 0.4% of women
#f37a54 Tritanomaly 0.01% of the population