#f15100 hex color

In a RGB color space, hex #f15100 is composed of 94.5% red, 31.8% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.4% magenta, 100% yellow and 5.5% black. It has a hue angle of 20.2 degrees, a saturation of 100% and a lightness of 47.3%. #f15100 color hex could be obtained by blending #ffa200 with #e30000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 95
- G 32
- B 0
RGB color chart
- C 0
- M 66
- Y 100
- K 5
CMYK color chart

● #f15100 color description : Pure (or mostly pure) orange.

The hexadecimal color #f15100 has RGB values of R:241, G:81, B:0 and CMYK values of C:0, M:0.66, Y:1, K:0.05. Its decimal value is 15814912.

Hex triplet	f15100	`#f15100`
RGB Decimal	241, 81, 0	`rgb(241,81,0)`
RGB Percent	94.5, 31.8, 0	`rgb(94.5%,31.8%,0%)`
CMYK	0, 66, 100, 5
HSL	20.2°, 100, 47.3	`hsl(20.2,100%,47.3%)`
HSV (or HSB)	20.2°, 100, 94.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	56.674, 58.993, 67.113
XYZ	39.22, 24.59, 2.681
xyY	0.59, 0.37, 24.59
CIE-LCH	56.674, 89.355, 48.684
CIE-LUV	56.674, 132.005, 46.795
Hunter-Lab	49.589, 54.397, 31.506
Binary	11110001, 01010001, 00000000

#f15100
```
#f15100 rgb(241,81,0)
```
#00a0f1
```
#00a0f1 rgb(0,160,241)
```

Complementary Color

#f10027
```
#f10027 rgb(241,0,39)
```
#f15100
```
#f15100 rgb(241,81,0)
```
#f1ca00
```
#f1ca00 rgb(241,202,0)
```

Analogous Color

#0027f1
```
#0027f1 rgb(0,39,241)
```
#f15100
```
#f15100 rgb(241,81,0)
```
#00f1ca
```
#00f1ca rgb(0,241,202)
```

Split Complementary Color

#5100f1
```
#5100f1 rgb(81,0,241)
```
#f15100
```
#f15100 rgb(241,81,0)
```
#00f151
```
#00f151 rgb(0,241,81)
```

Triadic Color

#f100a0
```
#f100a0 rgb(241,0,160)
```
#f15100
```
#f15100 rgb(241,81,0)
```
#00f151
```
#00f151 rgb(0,241,81)
```
#00a0f1
```
#00a0f1 rgb(0,160,241)
```

Tetradic Color

#a53700
```
#a53700 rgb(165,55,0)
```
#be4000
```
#be4000 rgb(190,64,0)
```
#d84800
```
#d84800 rgb(216,72,0)
```
#f15100
```
#f15100 rgb(241,81,0)
```
#ff5d0c
```
#ff5d0c rgb(255,93,12)
```
#ff6e25
```
#ff6e25 rgb(255,110,37)
```
#ff7f3f
```
#ff7f3f rgb(255,127,63)
```

Monochromatic Color

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

#f11500
```
#f11500 rgb(241,21,0)
```
#f12900
```
#f12900 rgb(241,41,0)
```
#f13d00
```
#f13d00 rgb(241,61,0)
```
#f15100
```
#f15100 rgb(241,81,0)
```
#f16500
```
#f16500 rgb(241,101,0)
```
#f17900
```
#f17900 rgb(241,121,0)
```
#f18d00
```
#f18d00 rgb(241,141,0)
```

Similar Colors

Text with hexadecimal color #f15100

This text has a font color of #f15100.

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

#f15100 background color

This paragraph has a background color of #f15100.

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

#f15100 border color

This element has a border color of #f15100.

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

CSS codes

.text {color:#f15100;}

.background {background-color:#f15100;}

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

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

#060200
```
#060200 rgb(6,2,0)
```
#190800
```
#190800 rgb(25,8,0)
```
#2d0f00
```
#2d0f00 rgb(45,15,0)
```
#401600
```
#401600 rgb(64,22,0)
```
#541c00
```
#541c00 rgb(84,28,0)
```
#682300
```
#682300 rgb(104,35,0)
```
#7b2900
```
#7b2900 rgb(123,41,0)
```
#8f3000
```
#8f3000 rgb(143,48,0)
```
#a33700
```
#a33700 rgb(163,55,0)
```
#b63d00
```
#b63d00 rgb(182,61,0)
```
#ca4400
```
#ca4400 rgb(202,68,0)
```
#dd4a00
```
#dd4a00 rgb(221,74,0)
```
#f15100
```
#f15100 rgb(241,81,0)
```

Shade Color Variation

#ff5906
```
#ff5906 rgb(255,89,6)
```
#ff6619
```
#ff6619 rgb(255,102,25)
```
#ff732d
```
#ff732d rgb(255,115,45)
```
#ff8140
```
#ff8140 rgb(255,129,64)
```
#ff8e54
```
#ff8e54 rgb(255,142,84)
```
#ff9b68
```
#ff9b68 rgb(255,155,104)
```
#ffa87b
```
#ffa87b rgb(255,168,123)
```
#ffb58f
```
#ffb58f rgb(255,181,143)
```
#ffc2a3
```
#ffc2a3 rgb(255,194,163)
```
#ffcfb6
```
#ffcfb6 rgb(255,207,182)
```
#ffdcca
```
#ffdcca rgb(255,220,202)
```
#ffe9dd
```
#ffe9dd rgb(255,233,221)
```
#fff6f1
```
#fff6f1 rgb(255,246,241)
```

Tint Color Variation

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

#82756f
```
#82756f rgb(130,117,111)
```
#8b7266
```
#8b7266 rgb(139,114,102)
```
#946f5d
```
#946f5d rgb(148,111,93)
```
#9e6c53
```
#9e6c53 rgb(158,108,83)
```
#a7694a
```
#a7694a rgb(167,105,74)
```
#b06641
```
#b06641 rgb(176,102,65)
```
#b96338
```
#b96338 rgb(185,99,56)
```
#c3602e
```
#c3602e rgb(195,96,46)
```
#cc5d25
```
#cc5d25 rgb(204,93,37)
```
#d55a1c
```
#d55a1c rgb(213,90,28)
```
#de5713
```
#de5713 rgb(222,87,19)
```
#e85409
```
#e85409 rgb(232,84,9)
```
#f15100
```
#f15100 rgb(241,81,0)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#907060 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8e1c Protanopia 1% of men
#b18700 Deuteranopia 1% of men
#f35458 Tritanopia 0.001% of the population

Trichromacy

#bd7811 Protanomaly 1% of men, 0.01% of women
#c87300 Deuteranomaly 6% of men, 0.4% of women
#f25338 Tritanomaly 0.01% of the population

#f15100 hex color

#f15100 Color Information

#f15100 Color Conversion

Color Schemes with #f15100

Alternatives to #f15100

#f15100 Preview

Shades and Tints of #f15100

Tones of #f15100

Color Blindness Simulator