#f06a04 hex color

In a RGB color space, hex #f06a04 is composed of 94.1% red, 41.6% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.8% magenta, 98.3% yellow and 5.9% black. It has a hue angle of 25.9 degrees, a saturation of 96.7% and a lightness of 47.8%. #f06a04 color hex could be obtained by blending #ffd408 with #e10000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 94
- G 42
- B 2
RGB color chart
- C 0
- M 56
- Y 98
- K 6
CMYK color chart

● #f06a04 color description : Vivid orange.

The hexadecimal color #f06a04 has RGB values of R:240, G:106, B:4 and CMYK values of C:0, M:0.56, Y:0.98, K:0.06. Its decimal value is 15755780.

Hex triplet	f06a04	`#f06a04`
RGB Decimal	240, 106, 4	`rgb(240,106,4)`
RGB Percent	94.1, 41.6, 1.6	`rgb(94.1%,41.6%,1.6%)`
CMYK	0, 56, 98, 6
HSL	25.9°, 96.7, 47.8	`hsl(25.9,96.7%,47.8%)`
HSV (or HSB)	25.9°, 98.3, 94.1
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.646, 47.768, 68.448
XYZ	41.113, 28.846, 3.518
xyY	0.56, 0.393, 28.846
CIE-LCH	60.646, 83.468, 55.09
CIE-LUV	60.646, 111.702, 53.345
Hunter-Lab	53.709, 42.647, 33.713
Binary	11110000, 01101010, 00000100

#f06a04
```
#f06a04 rgb(240,106,4)
```
#048af0
```
#048af0 rgb(4,138,240)
```

Complementary Color

#f00414
```
#f00414 rgb(240,4,20)
```
#f06a04
```
#f06a04 rgb(240,106,4)
```
#f0e004
```
#f0e004 rgb(240,224,4)
```

Analogous Color

#0414f0
```
#0414f0 rgb(4,20,240)
```
#f06a04
```
#f06a04 rgb(240,106,4)
```
#04f0e0
```
#04f0e0 rgb(4,240,224)
```

Split Complementary Color

#6a04f0
```
#6a04f0 rgb(106,4,240)
```
#f06a04
```
#f06a04 rgb(240,106,4)
```
#04f06a
```
#04f06a rgb(4,240,106)
```

Triadic Color

#f0048a
```
#f0048a rgb(240,4,138)
```
#f06a04
```
#f06a04 rgb(240,106,4)
```
#04f06a
```
#04f06a rgb(4,240,106)
```
#048af0
```
#048af0 rgb(4,138,240)
```

Tetradic Color

#a54903
```
#a54903 rgb(165,73,3)
```
#be5403
```
#be5403 rgb(190,84,3)
```
#d75f04
```
#d75f04 rgb(215,95,4)
```
#f06a04
```
#f06a04 rgb(240,106,4)
```
#fb7712
```
#fb7712 rgb(251,119,18)
```
#fb852c
```
#fb852c rgb(251,133,44)
```
#fc9445
```
#fc9445 rgb(252,148,69)
```

Monochromatic Color

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

#f02f04
```
#f02f04 rgb(240,47,4)
```
#f04304
```
#f04304 rgb(240,67,4)
```
#f05604
```
#f05604 rgb(240,86,4)
```
#f06a04
```
#f06a04 rgb(240,106,4)
```
#f07e04
```
#f07e04 rgb(240,126,4)
```
#f09104
```
#f09104 rgb(240,145,4)
```
#f0a504
```
#f0a504 rgb(240,165,4)
```

Similar Colors

Text with hexadecimal color #f06a04

This text has a font color of #f06a04.

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

#f06a04 background color

This paragraph has a background color of #f06a04.

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

#f06a04 border color

This element has a border color of #f06a04.

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

CSS codes

.text {color:#f06a04;}

.background {background-color:#f06a04;}

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

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

#080400
```
#080400 rgb(8,4,0)
```
#1c0c00
```
#1c0c00 rgb(28,12,0)
```
#2f1501
```
#2f1501 rgb(47,21,1)
```
#421d01
```
#421d01 rgb(66,29,1)
```
#562601
```
#562601 rgb(86,38,1)
```
#692e02
```
#692e02 rgb(105,46,2)
```
#7c3702
```
#7c3702 rgb(124,55,2)
```
#903f02
```
#903f02 rgb(144,63,2)
```
#a34803
```
#a34803 rgb(163,72,3)
```
#b65003
```
#b65003 rgb(182,80,3)
```
#c95903
```
#c95903 rgb(201,89,3)
```
#dd6104
```
#dd6104 rgb(221,97,4)
```
#f06a04
```
#f06a04 rgb(240,106,4)
```

Shade Color Variation

#fb740d
```
#fb740d rgb(251,116,13)
```
#fb7f20
```
#fb7f20 rgb(251,127,32)
```
#fc8a33
```
#fc8a33 rgb(252,138,51)
```
#fc9547
```
#fc9547 rgb(252,149,71)
```
#fca05a
```
#fca05a rgb(252,160,90)
```
#fdab6d
```
#fdab6d rgb(253,171,109)
```
#fdb680
```
#fdb680 rgb(253,182,128)
```
#fdc194
```
#fdc194 rgb(253,193,148)
```
#fecca7
```
#fecca7 rgb(254,204,167)
```
#fed7ba
```
#fed7ba rgb(254,215,186)
```
#fee3ce
```
#fee3ce rgb(254,227,206)
```
#feeee1
```
#feeee1 rgb(254,238,225)
```
#fff9f4
```
#fff9f4 rgb(255,249,244)
```

Tint Color Variation

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

#7f7975
```
#7f7975 rgb(127,121,117)
```
#89786b
```
#89786b rgb(137,120,107)
```
#927762
```
#927762 rgb(146,119,98)
```
#9c7558
```
#9c7558 rgb(156,117,88)
```
#a5744f
```
#a5744f rgb(165,116,79)
```
#ae7346
```
#ae7346 rgb(174,115,70)
```
#b8723c
```
#b8723c rgb(184,114,60)
```
#c17033
```
#c17033 rgb(193,112,51)
```
#ca6f2a
```
#ca6f2a rgb(202,111,42)
```
#d46e20
```
#d46e20 rgb(212,110,32)
```
#dd6d17
```
#dd6d17 rgb(221,109,23)
```
#e76b0d
```
#e76b0d rgb(231,107,13)
```
#f06a04
```
#f06a04 rgb(240,106,4)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#9b806c Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa981d Protanopia 1% of men
#bd9000 Deuteranopia 1% of men
#f36a70 Tritanopia 0.001% of the population

Trichromacy

#c38714 Protanomaly 1% of men, 0.01% of women
#d08201 Deuteranomaly 6% of men, 0.4% of women
#f26a49 Tritanomaly 0.01% of the population

#f06a04 hex color

#f06a04 Color Information

#f06a04 Color Conversion

Color Schemes with #f06a04

Alternatives to #f06a04

#f06a04 Preview

Shades and Tints of #f06a04

Tones of #f06a04

Color Blindness Simulator