#f07325 hex color

In a RGB color space, hex #f07325 is composed of 94.1% red, 45.1% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.1% magenta, 84.6% yellow and 5.9% black. It has a hue angle of 23.1 degrees, a saturation of 87.1% and a lightness of 54.3%. #f07325 color hex could be obtained by blending #ffe64a with #e10000. Closest websafe color is: #ff6633.

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

● #f07325 color description : Bright orange.

The hexadecimal color #f07325 has RGB values of R:240, G:115, B:37 and CMYK values of C:0, M:0.52, Y:0.85, K:0.06. Its decimal value is 15758117.

Hex triplet	f07325	`#f07325`
RGB Decimal	240, 115, 37	`rgb(240,115,37)`
RGB Percent	94.1, 45.1, 14.5	`rgb(94.1%,45.1%,14.5%)`
CMYK	0, 52, 85, 6
HSL	23.1°, 87.1, 54.3	`hsl(23.1,87.1%,54.3%)`
HSV (or HSB)	23.1°, 84.6, 94.1
Web Safe	ff6633	`#ff6633`

CIE-LAB	62.444, 43.928, 61.377
XYZ	42.402, 30.924, 5.486
xyY	0.538, 0.392, 30.924
CIE-LCH	62.444, 75.477, 54.409
CIE-LUV	62.444, 102.789, 52.036
Hunter-Lab	55.61, 38.786, 33.077
Binary	11110000, 01110011, 00100101

#f07325
```
#f07325 rgb(240,115,37)
```
#25a2f0
```
#25a2f0 rgb(37,162,240)
```

Complementary Color

#f0253c
```
#f0253c rgb(240,37,60)
```
#f07325
```
#f07325 rgb(240,115,37)
```
#f0d925
```
#f0d925 rgb(240,217,37)
```

Analogous Color

#253df0
```
#253df0 rgb(37,61,240)
```
#f07325
```
#f07325 rgb(240,115,37)
```
#25f0d9
```
#25f0d9 rgb(37,240,217)
```

Split Complementary Color

#7325f0
```
#7325f0 rgb(115,37,240)
```
#f07325
```
#f07325 rgb(240,115,37)
```
#25f073
```
#25f073 rgb(37,240,115)
```

Triadic Color

#f025a2
```
#f025a2 rgb(240,37,162)
```
#f07325
```
#f07325 rgb(240,115,37)
```
#25f073
```
#25f073 rgb(37,240,115)
```
#25a2f0
```
#25a2f0 rgb(37,162,240)
```

Tetradic Color

#bc500d
```
#bc500d rgb(188,80,13)
```
#d35a0f
```
#d35a0f rgb(211,90,15)
```
#eb6410
```
#eb6410 rgb(235,100,16)
```
#f07325
```
#f07325 rgb(240,115,37)
```
#f2823d
```
#f2823d rgb(242,130,61)
```
#f39255
```
#f39255 rgb(243,146,85)
```
#f5a16d
```
#f5a16d rgb(245,161,109)
```

Monochromatic Color

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

#f04025
```
#f04025 rgb(240,64,37)
```
#f05125
```
#f05125 rgb(240,81,37)
```
#f06225
```
#f06225 rgb(240,98,37)
```
#f07325
```
#f07325 rgb(240,115,37)
```
#f08425
```
#f08425 rgb(240,132,37)
```
#f09525
```
#f09525 rgb(240,149,37)
```
#f0a625
```
#f0a625 rgb(240,166,37)
```

Similar Colors

Text with hexadecimal color #f07325

This text has a font color of #f07325.

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

#f07325 background color

This paragraph has a background color of #f07325.

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

#f07325 border color

This element has a border color of #f07325.

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

CSS codes

.text {color:#f07325;}

.background {background-color:#f07325;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#150901
```
#150901 rgb(21,9,1)
```
#271103
```
#271103 rgb(39,17,3)
```
#391804
```
#391804 rgb(57,24,4)
```
#4c2005
```
#4c2005 rgb(76,32,5)
```
#5e2806
```
#5e2806 rgb(94,40,6)
```
#703008
```
#703008 rgb(112,48,8)
```
#833809
```
#833809 rgb(131,56,9)
```
#95400a
```
#95400a rgb(149,64,10)
```
#a7470c
```
#a7470c rgb(167,71,12)
```
#ba4f0d
```
#ba4f0d rgb(186,79,13)
```
#cc570e
```
#cc570e rgb(204,87,14)
```
#de5f0f
```
#de5f0f rgb(222,95,15)
```

Shade Color Variation

#ef6713
```
#ef6713 rgb(239,103,19)
```
#f07325
```
#f07325 rgb(240,115,37)
```
#f17f37
```
#f17f37 rgb(241,127,55)
```
#f38b4a
```
#f38b4a rgb(243,139,74)
```
#f4965c
```
#f4965c rgb(244,150,92)
```
#f5a26e
```
#f5a26e rgb(245,162,110)
```
#f6ae81
```
#f6ae81 rgb(246,174,129)
```
#f8ba93
```
#f8ba93 rgb(248,186,147)
```
#f9c6a5
```
#f9c6a5 rgb(249,198,165)
```
#fad1b8
```
#fad1b8 rgb(250,209,184)
```
#fbddca
```
#fbddca rgb(251,221,202)
```
#fde9dd
```
#fde9dd rgb(253,233,221)
```
#fef5ef
```
#fef5ef rgb(254,245,239)
```

Tint Color Variation

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

#8d8a88
```
#8d8a88 rgb(141,138,136)
```
#96887f
```
#96887f rgb(150,136,127)
```
#9f8676
```
#9f8676 rgb(159,134,118)
```
#a8846d
```
#a8846d rgb(168,132,109)
```
#b18264
```
#b18264 rgb(177,130,100)
```
#ba7f5b
```
#ba7f5b rgb(186,127,91)
```
#c37d52
```
#c37d52 rgb(195,125,82)
```
#cc7b49
```
#cc7b49 rgb(204,123,73)
```
#d57940
```
#d57940 rgb(213,121,64)
```
#de7737
```
#de7737 rgb(222,119,55)
```
#e7752e
```
#e7752e rgb(231,117,46)
```
#f07325
```
#f07325 rgb(240,115,37)
```
#f9711c
```
#f9711c rgb(249,113,28)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#a2897a Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9c39 Protanopia 1% of men
#c39422 Deuteranopia 1% of men
#f3737a Tritanopia 0.001% of the population

Trichromacy

#c68d31 Protanomaly 1% of men, 0.01% of women
#d38823 Deuteranomaly 6% of men, 0.4% of women
#f2735b Tritanomaly 0.01% of the population

#f07325 hex color

#f07325 Color Information

#f07325 Color Conversion

Color Schemes with #f07325

Alternatives to #f07325

#f07325 Preview

Shades and Tints of #f07325

Tones of #f07325

Color Blindness Simulator