#f07440 hex color

In a RGB color space, hex #f07440 is composed of 94.1% red, 45.5% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.7% magenta, 73.3% yellow and 5.9% black. It has a hue angle of 17.7 degrees, a saturation of 85.4% and a lightness of 59.6%. #f07440 color hex could be obtained by blending #ffe880 with #e10000. Closest websafe color is: #ff6633.

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

● #f07440 color description : Bright orange.

The hexadecimal color #f07440 has RGB values of R:240, G:116, B:64 and CMYK values of C:0, M:0.52, Y:0.73, K:0.06. Its decimal value is 15758400.

Hex triplet	f07440	`#f07440`
RGB Decimal	240, 116, 64	`rgb(240,116,64)`
RGB Percent	94.1, 45.5, 25.1	`rgb(94.1%,45.5%,25.1%)`
CMYK	0, 52, 73, 6
HSL	17.7°, 85.4, 59.6	`hsl(17.7,85.4%,59.6%)`
HSV (or HSB)	17.7°, 73.3, 94.1
Web Safe	ff6633	`#ff6633`

CIE-LAB	62.836, 44.347, 49.983
XYZ	43.108, 31.39, 8.639
xyY	0.519, 0.378, 31.39
CIE-LCH	62.836, 66.82, 48.419
CIE-LUV	62.836, 99.287, 44.889
Hunter-Lab	56.027, 39.292, 30.077
Binary	11110000, 01110100, 01000000

#f07440
```
#f07440 rgb(240,116,64)
```
#40bcf0
```
#40bcf0 rgb(64,188,240)
```

Complementary Color

#f04064
```
#f04064 rgb(240,64,100)
```
#f07440
```
#f07440 rgb(240,116,64)
```
#f0cc40
```
#f0cc40 rgb(240,204,64)
```

Analogous Color

#4064f0
```
#4064f0 rgb(64,100,240)
```
#f07440
```
#f07440 rgb(240,116,64)
```
#40f0cc
```
#40f0cc rgb(64,240,204)
```

Split Complementary Color

#7440f0
```
#7440f0 rgb(116,64,240)
```
#f07440
```
#f07440 rgb(240,116,64)
```
#40f074
```
#40f074 rgb(64,240,116)
```

Triadic Color

#f040bc
```
#f040bc rgb(240,64,188)
```
#f07440
```
#f07440 rgb(240,116,64)
```
#40f074
```
#40f074 rgb(64,240,116)
```
#40bcf0
```
#40bcf0 rgb(64,188,240)
```

Tetradic Color

#d34a11
```
#d34a11 rgb(211,74,17)
```
#eb5212
```
#eb5212 rgb(235,82,18)
```
#ee6328
```
#ee6328 rgb(238,99,40)
```
#f07440
```
#f07440 rgb(240,116,64)
```
#f28558
```
#f28558 rgb(242,133,88)
```
#f4966f
```
#f4966f rgb(244,150,111)
```
#f6a887
```
#f6a887 rgb(246,168,135)
```

Monochromatic Color

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

#f04840
```
#f04840 rgb(240,72,64)
```
#f05740
```
#f05740 rgb(240,87,64)
```
#f06540
```
#f06540 rgb(240,101,64)
```
#f07440
```
#f07440 rgb(240,116,64)
```
#f08340
```
#f08340 rgb(240,131,64)
```
#f09140
```
#f09140 rgb(240,145,64)
```
#f0a040
```
#f0a040 rgb(240,160,64)
```

Similar Colors

Text with hexadecimal color #f07440

This text has a font color of #f07440.

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

#f07440 background color

This paragraph has a background color of #f07440.

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

#f07440 border color

This element has a border color of #f07440.

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

CSS codes

.text {color:#f07440;}

.background {background-color:#f07440;}

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

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

#090301
```
#090301 rgb(9,3,1)
```
#1b0a02
```
#1b0a02 rgb(27,10,2)
```
#2d1004
```
#2d1004 rgb(45,16,4)
```
#401605
```
#401605 rgb(64,22,5)
```
#521d06
```
#521d06 rgb(82,29,6)
```
#642308
```
#642308 rgb(100,35,8)
```
#762909
```
#762909 rgb(118,41,9)
```
#88300b
```
#88300b rgb(136,48,11)
```
#9b360c
```
#9b360c rgb(155,54,12)
```
#ad3d0e
```
#ad3d0e rgb(173,61,14)
```
#bf430f
```
#bf430f rgb(191,67,15)
```
#d14910
```
#d14910 rgb(209,73,16)
```
#e35012
```
#e35012 rgb(227,80,18)
```

Shade Color Variation

#ed5a1c
```
#ed5a1c rgb(237,90,28)
```
#ef672e
```
#ef672e rgb(239,103,46)
```
#f07440
```
#f07440 rgb(240,116,64)
```
#f18152
```
#f18152 rgb(241,129,82)
```
#f38e64
```
#f38e64 rgb(243,142,100)
```
#f49c77
```
#f49c77 rgb(244,156,119)
```
#f6a989
```
#f6a989 rgb(246,169,137)
```
#f7b69b
```
#f7b69b rgb(247,182,155)
```
#f9c3ad
```
#f9c3ad rgb(249,195,173)
```
#fad1bf
```
#fad1bf rgb(250,209,191)
```
#fbded1
```
#fbded1 rgb(251,222,209)
```
#fdebe4
```
#fdebe4 rgb(253,235,228)
```
#fef8f6
```
#fef8f6 rgb(254,248,246)
```

Tint Color Variation

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

#999897
```
#999897 rgb(153,152,151)
```
#a1948f
```
#a1948f rgb(161,148,143)
```
#a99187
```
#a99187 rgb(169,145,135)
```
#b18e7f
```
#b18e7f rgb(177,142,127)
```
#b98b77
```
#b98b77 rgb(185,139,119)
```
#c08770
```
#c08770 rgb(192,135,112)
```
#c88468
```
#c88468 rgb(200,132,104)
```
#d08160
```
#d08160 rgb(208,129,96)
```
#d87e58
```
#d87e58 rgb(216,126,88)
```
#e07a50
```
#e07a50 rgb(224,122,80)
```
#e87748
```
#e87748 rgb(232,119,72)
```
#f07440
```
#f07440 rgb(240,116,64)
```
#f87138
```
#f87138 rgb(248,113,56)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#a68d82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9d54 Protanopia 1% of men
#c29641 Deuteranopia 1% of men
#f3757c Tritanopia 0.001% of the population

Trichromacy

#c58e4c Protanomaly 1% of men, 0.01% of women
#d28941 Deuteranomaly 6% of men, 0.4% of women
#f27466 Tritanomaly 0.01% of the population

#f07440 hex color

#f07440 Color Information

#f07440 Color Conversion

Color Schemes with #f07440

Alternatives to #f07440

#f07440 Preview

Shades and Tints of #f07440

Tones of #f07440

Color Blindness Simulator