#f07304 hex color

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

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

● #f07304 color description : Vivid orange.

The hexadecimal color #f07304 has RGB values of R:240, G:115, B:4 and CMYK values of C:0, M:0.52, Y:0.98, K:0.06. Its decimal value is 15758084.

Hex triplet	f07304	`#f07304`
RGB Decimal	240, 115, 4	`rgb(240,115,4)`
RGB Percent	94.1, 45.1, 1.6	`rgb(94.1%,45.1%,1.6%)`
CMYK	0, 52, 98, 6
HSL	28.2°, 96.7, 47.8	`hsl(28.2,96.7%,47.8%)`
HSV (or HSB)	28.2°, 98.3, 94.1
Web Safe	ff6600	`#ff6600`

CIE-LAB	62.338, 43.444, 69.459
XYZ	42.09, 30.8, 3.843
xyY	0.549, 0.401, 30.8
CIE-LCH	62.338, 81.926, 57.975
CIE-LUV	62.338, 104.281, 56.135
Hunter-Lab	55.497, 38.255, 34.742
Binary	11110000, 01110011, 00000100

#f07304
```
#f07304 rgb(240,115,4)
```
#0481f0
```
#0481f0 rgb(4,129,240)
```

Complementary Color

#f0040b
```
#f0040b rgb(240,4,11)
```
#f07304
```
#f07304 rgb(240,115,4)
```
#f0e904
```
#f0e904 rgb(240,233,4)
```

Analogous Color

#040bf0
```
#040bf0 rgb(4,11,240)
```
#f07304
```
#f07304 rgb(240,115,4)
```
#04f0e9
```
#04f0e9 rgb(4,240,233)
```

Split Complementary Color

#7304f0
```
#7304f0 rgb(115,4,240)
```
#f07304
```
#f07304 rgb(240,115,4)
```
#04f073
```
#04f073 rgb(4,240,115)
```

Triadic Color

#f00481
```
#f00481 rgb(240,4,129)
```
#f07304
```
#f07304 rgb(240,115,4)
```
#04f073
```
#04f073 rgb(4,240,115)
```
#0481f0
```
#0481f0 rgb(4,129,240)
```

Tetradic Color

#a54f03
```
#a54f03 rgb(165,79,3)
```
#be5b03
```
#be5b03 rgb(190,91,3)
```
#d76704
```
#d76704 rgb(215,103,4)
```
#f07304
```
#f07304 rgb(240,115,4)
```
#fb8012
```
#fb8012 rgb(251,128,18)
```
#fb8d2c
```
#fb8d2c rgb(251,141,44)
```
#fc9b45
```
#fc9b45 rgb(252,155,69)
```

Monochromatic Color

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

#f03804
```
#f03804 rgb(240,56,4)
```
#f04c04
```
#f04c04 rgb(240,76,4)
```
#f05f04
```
#f05f04 rgb(240,95,4)
```
#f07304
```
#f07304 rgb(240,115,4)
```
#f08704
```
#f08704 rgb(240,135,4)
```
#f09a04
```
#f09a04 rgb(240,154,4)
```
#f0ae04
```
#f0ae04 rgb(240,174,4)
```

Similar Colors

Text with hexadecimal color #f07304

This text has a font color of #f07304.

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

#f07304 background color

This paragraph has a background color of #f07304.

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

#f07304 border color

This element has a border color of #f07304.

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

CSS codes

.text {color:#f07304;}

.background {background-color:#f07304;}

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

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)
```
#1c0d00
```
#1c0d00 rgb(28,13,0)
```
#2f1701
```
#2f1701 rgb(47,23,1)
```
#422001
```
#422001 rgb(66,32,1)
```
#562901
```
#562901 rgb(86,41,1)
```
#693202
```
#693202 rgb(105,50,2)
```
#7c3c02
```
#7c3c02 rgb(124,60,2)
```
#904502
```
#904502 rgb(144,69,2)
```
#a34e03
```
#a34e03 rgb(163,78,3)
```
#b65703
```
#b65703 rgb(182,87,3)
```
#c96103
```
#c96103 rgb(201,97,3)
```
#dd6a04
```
#dd6a04 rgb(221,106,4)
```
#f07304
```
#f07304 rgb(240,115,4)
```

Shade Color Variation

#fb7d0d
```
#fb7d0d rgb(251,125,13)
```
#fb8720
```
#fb8720 rgb(251,135,32)
```
#fc9133
```
#fc9133 rgb(252,145,51)
```
#fc9c47
```
#fc9c47 rgb(252,156,71)
```
#fca65a
```
#fca65a rgb(252,166,90)
```
#fdb16d
```
#fdb16d rgb(253,177,109)
```
#fdbb80
```
#fdbb80 rgb(253,187,128)
```
#fdc594
```
#fdc594 rgb(253,197,148)
```
#fed0a7
```
#fed0a7 rgb(254,208,167)
```
#fedaba
```
#fedaba rgb(254,218,186)
```
#fee4ce
```
#fee4ce rgb(254,228,206)
```
#feefe1
```
#feefe1 rgb(254,239,225)
```
#fff9f4
```
#fff9f4 rgb(255,249,244)
```

Tint Color Variation

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

#7f7a75
```
#7f7a75 rgb(127,122,117)
```
#89796b
```
#89796b rgb(137,121,107)
```
#927962
```
#927962 rgb(146,121,98)
```
#9c7858
```
#9c7858 rgb(156,120,88)
```
#a5774f
```
#a5774f rgb(165,119,79)
```
#ae7746
```
#ae7746 rgb(174,119,70)
```
#b8763c
```
#b8763c rgb(184,118,60)
```
#c17633
```
#c17633 rgb(193,118,51)
```
#ca752a
```
#ca752a rgb(202,117,42)
```
#d47520
```
#d47520 rgb(212,117,32)
```
#dd7417
```
#dd7417 rgb(221,116,23)
```
#e7740d
```
#e7740d rgb(231,116,13)
```
#f07304
```
#f07304 rgb(240,115,4)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#a08771 Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9c1c Protanopia 1% of men
#c39400 Deuteranopia 1% of men
#f47279 Tritanopia 0.001% of the population

Trichromacy

#c68d13 Protanomaly 1% of men, 0.01% of women
#d38801 Deuteranomaly 6% of men, 0.4% of women
#f2724e Tritanomaly 0.01% of the population

#f07304 hex color

#f07304 Color Information

#f07304 Color Conversion

Color Schemes with #f07304

Alternatives to #f07304

#f07304 Preview

Shades and Tints of #f07304

Tones of #f07304

Color Blindness Simulator