#f07242 hex color

In a RGB color space, hex #f07242 is composed of 94.1% red, 44.7% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.5% magenta, 72.5% yellow and 5.9% black. It has a hue angle of 16.6 degrees, a saturation of 85.3% and a lightness of 60%. #f07242 color hex could be obtained by blending #ffe484 with #e10000. Closest websafe color is: #ff6633.

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

● #f07242 color description : Bright orange.

The hexadecimal color #f07242 has RGB values of R:240, G:114, B:66 and CMYK values of C:0, M:0.53, Y:0.73, K:0.06. Its decimal value is 15757890.

Hex triplet	f07242	`#f07242`
RGB Decimal	240, 114, 66	`rgb(240,114,66)`
RGB Percent	94.1, 44.7, 25.9	`rgb(94.1%,44.7%,25.9%)`
CMYK	0, 53, 73, 6
HSL	16.6°, 85.3, 60	`hsl(16.6,85.3%,60%)`
HSV (or HSB)	16.6°, 72.5, 94.1
Web Safe	ff6633	`#ff6633`

CIE-LAB	62.472, 45.411, 48.602
XYZ	42.937, 30.957, 8.868
xyY	0.519, 0.374, 30.957
CIE-LCH	62.472, 66.515, 46.944
CIE-LUV	62.472, 100.58, 43.459
Hunter-Lab	55.639, 40.381, 29.497
Binary	11110000, 01110010, 01000010

#f07242
```
#f07242 rgb(240,114,66)
```
#42c0f0
```
#42c0f0 rgb(66,192,240)
```

Complementary Color

#f04269
```
#f04269 rgb(240,66,105)
```
#f07242
```
#f07242 rgb(240,114,66)
```
#f0c942
```
#f0c942 rgb(240,201,66)
```

Analogous Color

#4269f0
```
#4269f0 rgb(66,105,240)
```
#f07242
```
#f07242 rgb(240,114,66)
```
#42f0c9
```
#42f0c9 rgb(66,240,201)
```

Split Complementary Color

#7242f0
```
#7242f0 rgb(114,66,240)
```
#f07242
```
#f07242 rgb(240,114,66)
```
#42f072
```
#42f072 rgb(66,240,114)
```

Triadic Color

#f042c0
```
#f042c0 rgb(240,66,192)
```
#f07242
```
#f07242 rgb(240,114,66)
```
#42f072
```
#42f072 rgb(66,240,114)
```
#42c0f0
```
#42c0f0 rgb(66,192,240)
```

Tetradic Color

#d54711
```
#d54711 rgb(213,71,17)
```
#ec4f13
```
#ec4f13 rgb(236,79,19)
```
#ee602a
```
#ee602a rgb(238,96,42)
```
#f07242
```
#f07242 rgb(240,114,66)
```
#f2845a
```
#f2845a rgb(242,132,90)
```
#f49571
```
#f49571 rgb(244,149,113)
```
#f6a789
```
#f6a789 rgb(246,167,137)
```

Monochromatic Color

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

#f04642
```
#f04642 rgb(240,70,66)
```
#f05542
```
#f05542 rgb(240,85,66)
```
#f06342
```
#f06342 rgb(240,99,66)
```
#f07242
```
#f07242 rgb(240,114,66)
```
#f08142
```
#f08142 rgb(240,129,66)
```
#f08f42
```
#f08f42 rgb(240,143,66)
```
#f09e42
```
#f09e42 rgb(240,158,66)
```

Similar Colors

Text with hexadecimal color #f07242

This text has a font color of #f07242.

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

#f07242 background color

This paragraph has a background color of #f07242.

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

#f07242 border color

This element has a border color of #f07242.

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

CSS codes

.text {color:#f07242;}

.background {background-color:#f07242;}

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

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

#0b0401
```
#0b0401 rgb(11,4,1)
```
#1d0a02
```
#1d0a02 rgb(29,10,2)
```
#2f1004
```
#2f1004 rgb(47,16,4)
```
#411605
```
#411605 rgb(65,22,5)
```
#541c07
```
#541c07 rgb(84,28,7)
```
#662208
```
#662208 rgb(102,34,8)
```
#78280a
```
#78280a rgb(120,40,10)
```
#8a2e0b
```
#8a2e0b rgb(138,46,11)
```
#9c340c
```
#9c340c rgb(156,52,12)
```
#ae3a0e
```
#ae3a0e rgb(174,58,14)
```
#c1400f
```
#c1400f rgb(193,64,15)
```
#d34611
```
#d34611 rgb(211,70,17)
```
#e54c12
```
#e54c12 rgb(229,76,18)
```

Shade Color Variation

#ed571e
```
#ed571e rgb(237,87,30)
```
#ef6430
```
#ef6430 rgb(239,100,48)
```
#f07242
```
#f07242 rgb(240,114,66)
```
#f18054
```
#f18054 rgb(241,128,84)
```
#f38d66
```
#f38d66 rgb(243,141,102)
```
#f49b79
```
#f49b79 rgb(244,155,121)
```
#f6a88b
```
#f6a88b rgb(246,168,139)
```
#f7b69d
```
#f7b69d rgb(247,182,157)
```
#f9c3af
```
#f9c3af rgb(249,195,175)
```
#fad1c1
```
#fad1c1 rgb(250,209,193)
```
#fcded3
```
#fcded3 rgb(252,222,211)
```
#fdece6
```
#fdece6 rgb(253,236,230)
```
#fefaf8
```
#fefaf8 rgb(254,250,248)
```

Tint Color Variation

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

#9a9998
```
#9a9998 rgb(154,153,152)
```
#a29590
```
#a29590 rgb(162,149,144)
```
#a99289
```
#a99289 rgb(169,146,137)
```
#b18e81
```
#b18e81 rgb(177,142,129)
```
#b98b79
```
#b98b79 rgb(185,139,121)
```
#c18771
```
#c18771 rgb(193,135,113)
```
#c98469
```
#c98469 rgb(201,132,105)
```
#d18061
```
#d18061 rgb(209,128,97)
```
#d87d5a
```
#d87d5a rgb(216,125,90)
```
#e07952
```
#e07952 rgb(224,121,82)
```
#e8764a
```
#e8764a rgb(232,118,74)
```
#f07242
```
#f07242 rgb(240,114,66)
```
#f86e3a
```
#f86e3a rgb(248,110,58)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a58c82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9c56 Protanopia 1% of men
#c09543 Deuteranopia 1% of men
#f3737a Tritanopia 0.001% of the population

Trichromacy

#c48d4f Protanomaly 1% of men, 0.01% of women
#d18843 Deuteranomaly 6% of men, 0.4% of women
#f27366 Tritanomaly 0.01% of the population

#f07242 hex color

#f07242 Color Information

#f07242 Color Conversion

Color Schemes with #f07242

Alternatives to #f07242

#f07242 Preview

Shades and Tints of #f07242

Tones of #f07242

Color Blindness Simulator