#f2702e hex color

In a RGB color space, hex #f2702e is composed of 94.9% red, 43.9% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.7% magenta, 81% yellow and 5.1% black. It has a hue angle of 20.2 degrees, a saturation of 88.3% and a lightness of 56.5%. #f2702e color hex could be obtained by blending #ffe05c with #e50000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 95
- G 44
- B 18
RGB color chart
- C 0
- M 54
- Y 81
- K 5
CMYK color chart

● #f2702e color description : Bright orange.

The hexadecimal color #f2702e has RGB values of R:242, G:112, B:46 and CMYK values of C:0, M:0.54, Y:0.81, K:0.05. Its decimal value is 15888430.

Hex triplet	f2702e	`#f2702e`
RGB Decimal	242, 112, 46	`rgb(242,112,46)`
RGB Percent	94.9, 43.9, 18	`rgb(94.9%,43.9%,18%)`
CMYK	0, 54, 81, 5
HSL	20.2°, 88.3, 56.5	`hsl(20.2,88.3%,56.5%)`
HSV (or HSB)	20.2°, 81, 94.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	62.226, 46.381, 57.744
XYZ	42.907, 30.667, 6.245
xyY	0.538, 0.384, 30.667
CIE-LCH	62.226, 74.064, 51.228
CIE-LUV	62.226, 106.109, 49.154
Hunter-Lab	55.378, 41.391, 32.079
Binary	11110010, 01110000, 00101110

#f2702e
```
#f2702e rgb(242,112,46)
```
#2eb0f2
```
#2eb0f2 rgb(46,176,242)
```

Complementary Color

#f22e4e
```
#f22e4e rgb(242,46,78)
```
#f2702e
```
#f2702e rgb(242,112,46)
```
#f2d22e
```
#f2d22e rgb(242,210,46)
```

Analogous Color

#2e4ef2
```
#2e4ef2 rgb(46,78,242)
```
#f2702e
```
#f2702e rgb(242,112,46)
```
#2ef2d2
```
#2ef2d2 rgb(46,242,210)
```

Split Complementary Color

#702ef2
```
#702ef2 rgb(112,46,242)
```
#f2702e
```
#f2702e rgb(242,112,46)
```
#2ef270
```
#2ef270 rgb(46,242,112)
```

Triadic Color

#f22eb0
```
#f22eb0 rgb(242,46,176)
```
#f2702e
```
#f2702e rgb(242,112,46)
```
#2ef270
```
#2ef270 rgb(46,242,112)
```
#2eb0f2
```
#2eb0f2 rgb(46,176,242)
```

Tetradic Color

#c74b0c
```
#c74b0c rgb(199,75,12)
```
#df540e
```
#df540e rgb(223,84,14)
```
#f16016
```
#f16016 rgb(241,96,22)
```
#f2702e
```
#f2702e rgb(242,112,46)
```
#f38046
```
#f38046 rgb(243,128,70)
```
#f5915e
```
#f5915e rgb(245,145,94)
```
#f6a176
```
#f6a176 rgb(246,161,118)
```

Monochromatic Color

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

#f23f2e
```
#f23f2e rgb(242,63,46)
```
#f24f2e
```
#f24f2e rgb(242,79,46)
```
#f2602e
```
#f2602e rgb(242,96,46)
```
#f2702e
```
#f2702e rgb(242,112,46)
```
#f2802e
```
#f2802e rgb(242,128,46)
```
#f2912e
```
#f2912e rgb(242,145,46)
```
#f2a12e
```
#f2a12e rgb(242,161,46)
```

Similar Colors

Text with hexadecimal color #f2702e

This text has a font color of #f2702e.

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

#f2702e background color

This paragraph has a background color of #f2702e.

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

#f2702e border color

This element has a border color of #f2702e.

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

CSS codes

.text {color:#f2702e;}

.background {background-color:#f2702e;}

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

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

#0d0501
```
#0d0501 rgb(13,5,1)
```
#1f0c02
```
#1f0c02 rgb(31,12,2)
```
#321303
```
#321303 rgb(50,19,3)
```
#441a04
```
#441a04 rgb(68,26,4)
```
#562105
```
#562105 rgb(86,33,5)
```
#692807
```
#692807 rgb(105,40,7)
```
#7b2f08
```
#7b2f08 rgb(123,47,8)
```
#8e3609
```
#8e3609 rgb(142,54,9)
```
#a03d0a
```
#a03d0a rgb(160,61,10)
```
#b3440b
```
#b3440b rgb(179,68,11)
```
#c54b0c
```
#c54b0c rgb(197,75,12)
```
#d8520d
```
#d8520d rgb(216,82,13)
```
#ea590f
```
#ea590f rgb(234,89,15)
```

Shade Color Variation

#f1631c
```
#f1631c rgb(241,99,28)
```
#f2702e
```
#f2702e rgb(242,112,46)
```
#f37d40
```
#f37d40 rgb(243,125,64)
```
#f48953
```
#f48953 rgb(244,137,83)
```
#f59665
```
#f59665 rgb(245,150,101)
```
#f7a378
```
#f7a378 rgb(247,163,120)
```
#f8af8a
```
#f8af8a rgb(248,175,138)
```
#f9bc9d
```
#f9bc9d rgb(249,188,157)
```
#fac8af
```
#fac8af rgb(250,200,175)
```
#fbd5c2
```
#fbd5c2 rgb(251,213,194)
```
#fce2d4
```
#fce2d4 rgb(252,226,212)
```
#fdeee7
```
#fdeee7 rgb(253,238,231)
```
#fffbf9
```
#fffbf9 rgb(255,251,249)
```

Tint Color Variation

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

#948f8c
```
#948f8c rgb(148,143,140)
```
#9d8c83
```
#9d8c83 rgb(157,140,131)
```
#a5897b
```
#a5897b rgb(165,137,123)
```
#ae8672
```
#ae8672 rgb(174,134,114)
```
#b6846a
```
#b6846a rgb(182,132,106)
```
#bf8161
```
#bf8161 rgb(191,129,97)
```
#c77e59
```
#c77e59 rgb(199,126,89)
```
#d07b50
```
#d07b50 rgb(208,123,80)
```
#d87848
```
#d87848 rgb(216,120,72)
```
#e1763f
```
#e1763f rgb(225,118,63)
```
#e97337
```
#e97337 rgb(233,115,55)
```
#f2702e
```
#f2702e rgb(242,112,46)
```
#fb6d25
```
#fb6d25 rgb(251,109,37)
```

Tone Color Variation

Below, you can see how #f2702e 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
#a3897c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9c42 Protanopia 1% of men
#c1942d Deuteranopia 1% of men
#f57077 Tritanopia 0.001% of the population

Trichromacy

#c68c3b Protanomaly 1% of men, 0.01% of women
#d3872d Deuteranomaly 6% of men, 0.4% of women
#f4705c Tritanomaly 0.01% of the population

#f2702e hex color

#f2702e Color Information

#f2702e Color Conversion

Color Schemes with #f2702e

Alternatives to #f2702e

#f2702e Preview

Shades and Tints of #f2702e

Tones of #f2702e

Color Blindness Simulator