#f86331 hex color

In a RGB color space, hex #f86331 is composed of 97.3% red, 38.8% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.1% magenta, 80.2% yellow and 2.7% black. It has a hue angle of 15.1 degrees, a saturation of 93.4% and a lightness of 58.2%. #f86331 color hex could be obtained by blending #ffc662 with #f10000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 97
- G 39
- B 19
RGB color chart
- C 0
- M 60
- Y 80
- K 3
CMYK color chart

● #f86331 color description : Bright orange.

The hexadecimal color #f86331 has RGB values of R:248, G:99, B:49 and CMYK values of C:0, M:0.6, Y:0.8, K:0.03. Its decimal value is 16278321.

Hex triplet	f86331	`#f86331`
RGB Decimal	248, 99, 49	`rgb(248,99,49)`
RGB Percent	97.3, 38.8, 19.2	`rgb(97.3%,38.8%,19.2%)`
CMYK	0, 60, 80, 3
HSL	15.1°, 93.4, 58.2	`hsl(15.1,93.4%,58.2%)`
HSV (or HSB)	15.1°, 80.2, 97.3
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.876, 54.635, 55.513
XYZ	43.729, 29.107, 6.221
xyY	0.553, 0.368, 29.107
CIE-LCH	60.876, 77.889, 45.457
CIE-LUV	60.876, 120.847, 44.825
Hunter-Lab	53.951, 50.269, 30.929
Binary	11111000, 01100011, 00110001

#f86331
```
#f86331 rgb(248,99,49)
```
#31c6f8
```
#31c6f8 rgb(49,198,248)
```

Complementary Color

#f83162
```
#f83162 rgb(248,49,98)
```
#f86331
```
#f86331 rgb(248,99,49)
```
#f8c731
```
#f8c731 rgb(248,199,49)
```

Analogous Color

#3162f8
```
#3162f8 rgb(49,98,248)
```
#f86331
```
#f86331 rgb(248,99,49)
```
#31f8c7
```
#31f8c7 rgb(49,248,199)
```

Split Complementary Color

#6331f8
```
#6331f8 rgb(99,49,248)
```
#f86331
```
#f86331 rgb(248,99,49)
```
#31f863
```
#31f863 rgb(49,248,99)
```

Triadic Color

#f831c6
```
#f831c6 rgb(248,49,198)
```
#f86331
```
#f86331 rgb(248,99,49)
```
#31f863
```
#31f863 rgb(49,248,99)
```
#31c6f8
```
#31c6f8 rgb(49,198,248)
```

Tetradic Color

#d53b07
```
#d53b07 rgb(213,59,7)
```
#ee4208
```
#ee4208 rgb(238,66,8)
```
#f75018
```
#f75018 rgb(247,80,24)
```
#f86331
```
#f86331 rgb(248,99,49)
```
#f9764a
```
#f9764a rgb(249,118,74)
```
#fa8862
```
#fa8862 rgb(250,136,98)
```
#fb9b7b
```
#fb9b7b rgb(251,155,123)
```

Monochromatic Color

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

#f83131
```
#f83131 rgb(248,49,49)
```
#f84231
```
#f84231 rgb(248,66,49)
```
#f85231
```
#f85231 rgb(248,82,49)
```
#f86331
```
#f86331 rgb(248,99,49)
```
#f87431
```
#f87431 rgb(248,116,49)
```
#f88431
```
#f88431 rgb(248,132,49)
```
#f89531
```
#f89531 rgb(248,149,49)
```

Similar Colors

Text with hexadecimal color #f86331

This text has a font color of #f86331.

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

#f86331 background color

This paragraph has a background color of #f86331.

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

#f86331 border color

This element has a border color of #f86331.

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

CSS codes

.text {color:#f86331;}

.background {background-color:#f86331;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#160601
```
#160601 rgb(22,6,1)
```
#290b01
```
#290b01 rgb(41,11,1)
```
#3c1002
```
#3c1002 rgb(60,16,2)
```
#4f1603
```
#4f1603 rgb(79,22,3)
```
#621b03
```
#621b03 rgb(98,27,3)
```
#752004
```
#752004 rgb(117,32,4)
```
#872505
```
#872505 rgb(135,37,5)
```
#9a2b05
```
#9a2b05 rgb(154,43,5)
```
#ad3006
```
#ad3006 rgb(173,48,6)
```
#c03507
```
#c03507 rgb(192,53,7)
```
#d33a07
```
#d33a07 rgb(211,58,7)
```
#e64008
```
#e64008 rgb(230,64,8)
```

Shade Color Variation

#f7460b
```
#f7460b rgb(247,70,11)
```
#f7551e
```
#f7551e rgb(247,85,30)
```
#f86331
```
#f86331 rgb(248,99,49)
```
#f97144
```
#f97144 rgb(249,113,68)
```
#f98057
```
#f98057 rgb(249,128,87)
```
#fa8e6a
```
#fa8e6a rgb(250,142,106)
```
#fb9c7d
```
#fb9c7d rgb(251,156,125)
```
#fbab90
```
#fbab90 rgb(251,171,144)
```
#fcb9a3
```
#fcb9a3 rgb(252,185,163)
```
#fdc8b6
```
#fdc8b6 rgb(253,200,182)
```
#fdd6c9
```
#fdd6c9 rgb(253,214,201)
```
#fee4dc
```
#fee4dc rgb(254,228,220)
```
#fef3ef
```
#fef3ef rgb(254,243,239)
```

Tint Color Variation

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

#969493
```
#969493 rgb(150,148,147)
```
#9e908b
```
#9e908b rgb(158,144,139)
```
#a68c83
```
#a68c83 rgb(166,140,131)
```
#ae887b
```
#ae887b rgb(174,136,123)
```
#b68473
```
#b68473 rgb(182,132,115)
```
#bf806a
```
#bf806a rgb(191,128,106)
```
#c77b62
```
#c77b62 rgb(199,123,98)
```
#cf775a
```
#cf775a rgb(207,119,90)
```
#d77352
```
#d77352 rgb(215,115,82)
```
#df6f4a
```
#df6f4a rgb(223,111,74)
```
#e86b41
```
#e86b41 rgb(232,107,65)
```
#f06739
```
#f06739 rgb(240,103,57)
```
#f86331
```
#f86331 rgb(248,99,49)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#a08278 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89847 Protanopia 1% of men
#bd912e Deuteranopia 1% of men
#fa656b Tritanopia 0.001% of the population

Trichromacy

#c5853f Protanomaly 1% of men, 0.01% of women
#d2802f Deuteranomaly 6% of men, 0.4% of women
#f96456 Tritanomaly 0.01% of the population

#f86331 hex color

#f86331 Color Information

#f86331 Color Conversion

Color Schemes with #f86331

Alternatives to #f86331

#f86331 Preview

Shades and Tints of #f86331

Tones of #f86331

Color Blindness Simulator