#f15f2e hex color

In a RGB color space, hex #f15f2e is composed of 94.5% red, 37.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.6% magenta, 80.9% yellow and 5.5% black. It has a hue angle of 15.1 degrees, a saturation of 87.4% and a lightness of 56.3%. #f15f2e color hex could be obtained by blending #ffbe5c with #e30000. Closest websafe color is: #ff6633.

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

● #f15f2e color description : Bright orange.

The hexadecimal color #f15f2e has RGB values of R:241, G:95, B:46 and CMYK values of C:0, M:0.61, Y:0.81, K:0.05. Its decimal value is 15818542.

Hex triplet	f15f2e	`#f15f2e`
RGB Decimal	241, 95, 46	`rgb(241,95,46)`
RGB Percent	94.5, 37.3, 18	`rgb(94.5%,37.3%,18%)`
CMYK	0, 61, 81, 5
HSL	15.1°, 87.4, 56.3	`hsl(15.1,87.4%,56.3%)`
HSV (or HSB)	15.1°, 80.9, 94.5
Web Safe	ff6633	`#ff6633`

CIE-LAB	59.055, 53.858, 54.757
XYZ	40.863, 27.087, 5.661
xyY	0.555, 0.368, 27.087
CIE-LCH	59.055, 76.805, 45.475
CIE-LUV	59.055, 118.467, 43.672
Hunter-Lab	52.045, 49.069, 29.982
Binary	11110001, 01011111, 00101110

#f15f2e
```
#f15f2e rgb(241,95,46)
```
#2ec0f1
```
#2ec0f1 rgb(46,192,241)
```

Complementary Color

#f12e5f
```
#f12e5f rgb(241,46,95)
```
#f15f2e
```
#f15f2e rgb(241,95,46)
```
#f1c12e
```
#f1c12e rgb(241,193,46)
```

Analogous Color

#2e5ff1
```
#2e5ff1 rgb(46,95,241)
```
#f15f2e
```
#f15f2e rgb(241,95,46)
```
#2ef1c1
```
#2ef1c1 rgb(46,241,193)
```

Split Complementary Color

#5f2ef1
```
#5f2ef1 rgb(95,46,241)
```
#f15f2e
```
#f15f2e rgb(241,95,46)
```
#2ef15f
```
#2ef15f rgb(46,241,95)
```

Triadic Color

#f12ec0
```
#f12ec0 rgb(241,46,192)
```
#f15f2e
```
#f15f2e rgb(241,95,46)
```
#2ef15f
```
#2ef15f rgb(46,241,95)
```
#2ec0f1
```
#2ec0f1 rgb(46,192,241)
```

Tetradic Color

#c53b0d
```
#c53b0d rgb(197,59,13)
```
#dd430f
```
#dd430f rgb(221,67,15)
```
#ef4d16
```
#ef4d16 rgb(239,77,22)
```
#f15f2e
```
#f15f2e rgb(241,95,46)
```
#f37146
```
#f37146 rgb(243,113,70)
```
#f4845e
```
#f4845e rgb(244,132,94)
```
#f69676
```
#f69676 rgb(246,150,118)
```

Monochromatic Color

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

#f12e2e
```
#f12e2e rgb(241,46,46)
```
#f13f2e
```
#f13f2e rgb(241,63,46)
```
#f14f2e
```
#f14f2e rgb(241,79,46)
```
#f15f2e
```
#f15f2e rgb(241,95,46)
```
#f16f2e
```
#f16f2e rgb(241,111,46)
```
#f1802e
```
#f1802e rgb(241,128,46)
```
#f1902e
```
#f1902e rgb(241,144,46)
```

Similar Colors

Text with hexadecimal color #f15f2e

This text has a font color of #f15f2e.

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

#f15f2e background color

This paragraph has a background color of #f15f2e.

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

#f15f2e border color

This element has a border color of #f15f2e.

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

CSS codes

.text {color:#f15f2e;}

.background {background-color:#f15f2e;}

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

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

#0c0301
```
#0c0301 rgb(12,3,1)
```
#1e0902
```
#1e0902 rgb(30,9,2)
```
#300f03
```
#300f03 rgb(48,15,3)
```
#431404
```
#431404 rgb(67,20,4)
```
#551a06
```
#551a06 rgb(85,26,6)
```
#681f07
```
#681f07 rgb(104,31,7)
```
#7a2508
```
#7a2508 rgb(122,37,8)
```
#8c2a09
```
#8c2a09 rgb(140,42,9)
```
#9f300b
```
#9f300b rgb(159,48,11)
```
#b1350c
```
#b1350c rgb(177,53,12)
```
#c33b0d
```
#c33b0d rgb(195,59,13)
```
#d6400e
```
#d6400e rgb(214,64,14)
```
#e84610
```
#e84610 rgb(232,70,16)
```

Shade Color Variation

#f0511c
```
#f0511c rgb(240,81,28)
```
#f15f2e
```
#f15f2e rgb(241,95,46)
```
#f26d40
```
#f26d40 rgb(242,109,64)
```
#f37b53
```
#f37b53 rgb(243,123,83)
```
#f58965
```
#f58965 rgb(245,137,101)
```
#f69778
```
#f69778 rgb(246,151,120)
```
#f7a58a
```
#f7a58a rgb(247,165,138)
```
#f8b39c
```
#f8b39c rgb(248,179,156)
```
#fac2af
```
#fac2af rgb(250,194,175)
```
#fbd0c1
```
#fbd0c1 rgb(251,208,193)
```
#fcded3
```
#fcded3 rgb(252,222,211)
```
#fdece6
```
#fdece6 rgb(253,236,230)
```
#fffaf8
```
#fffaf8 rgb(255,250,248)
```

Tint Color Variation

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

#938e8c
```
#938e8c rgb(147,142,140)
```
#9b8a84
```
#9b8a84 rgb(155,138,132)
```
#a4857b
```
#a4857b rgb(164,133,123)
```
#ac8173
```
#ac8173 rgb(172,129,115)
```
#b57d6a
```
#b57d6a rgb(181,125,106)
```
#be7961
```
#be7961 rgb(190,121,97)
```
#c67459
```
#c67459 rgb(198,116,89)
```
#cf7050
```
#cf7050 rgb(207,112,80)
```
#d76c48
```
#d76c48 rgb(215,108,72)
```
#e0683f
```
#e0683f rgb(224,104,63)
```
#e86337
```
#e86337 rgb(232,99,55)
```
#f15f2e
```
#f15f2e rgb(241,95,46)
```
#fa5b25
```
#fa5b25 rgb(250,91,37)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#9b7d74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39444 Protanopia 1% of men
#b88c2b Deuteranopia 1% of men
#f36267 Tritanopia 0.001% of the population

Trichromacy

#bf803c Protanomaly 1% of men, 0.01% of women
#cc7c2c Deuteranomaly 6% of men, 0.4% of women
#f26052 Tritanomaly 0.01% of the population

#f15f2e hex color

#f15f2e Color Information

#f15f2e Color Conversion

Color Schemes with #f15f2e

Alternatives to #f15f2e

#f15f2e Preview

Shades and Tints of #f15f2e

Tones of #f15f2e

Color Blindness Simulator