colorhexa.com

#f18731 hex color

In a RGB color space, hex #f18731 is composed of 94.5% red, 52.9% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44% magenta, 79.7% yellow and 5.5% black. It has a hue angle of 26.9 degrees, a saturation of 87.3% and a lightness of 56.9%. #f18731 color hex could be obtained by blending #ffff62 with #e30f00. Closest websafe color is: #ff9933.

- R 95
- G 53
- B 19
RGB color chart
- C 0
- M 44
- Y 80
- K 5
CMYK color chart

● #f18731 color description : Bright orange.

The hexadecimal color #f18731 has RGB values of R:241, G:135, B:49 and CMYK values of C:0, M:0.44, Y:0.8, K:0.05. Its decimal value is 15828785.

Hex triplet	f18731	`#f18731`
RGB Decimal	241, 135, 49	`rgb(241,135,49)`
RGB Percent	94.5, 52.9, 19.2	`rgb(94.5%,52.9%,19.2%)`
CMYK	0, 44, 80, 5
HSL	26.9°, 87.3, 56.9	`hsl(26.9,87.3%,56.9%)`
HSV (or HSB)	26.9°, 79.7, 94.5
Web Safe	ff9933	`#ff9933`

CIE-LAB	66.714, 34.598, 60.598
XYZ	45.495, 36.254, 7.507
xyY	0.51, 0.406, 36.254
CIE-LCH	66.714, 69.78, 60.276
CIE-LUV	66.714, 86.379, 56.34
Hunter-Lab	60.212, 29.503, 34.756
Binary	11110001, 10000111, 00110001

#f18731
```
#f18731 rgb(241,135,49)
```
#319bf1
```
#319bf1 rgb(49,155,241)
```

Complementary Color

#f1313b
```
#f1313b rgb(241,49,59)
```
#f18731
```
#f18731 rgb(241,135,49)
```
#f1e731
```
#f1e731 rgb(241,231,49)
```

Analogous Color

#313bf1
```
#313bf1 rgb(49,59,241)
```
#f18731
```
#f18731 rgb(241,135,49)
```
#31f1e7
```
#31f1e7 rgb(49,241,231)
```

Split Complementary Color

#8731f1
```
#8731f1 rgb(135,49,241)
```
#f18731
```
#f18731 rgb(241,135,49)
```
#31f187
```
#31f187 rgb(49,241,135)
```

Triadic Color

#f1319b
```
#f1319b rgb(241,49,155)
```
#f18731
```
#f18731 rgb(241,135,49)
```
#31f187
```
#31f187 rgb(49,241,135)
```
#319bf1
```
#319bf1 rgb(49,155,241)
```

Tetradic Color

#c8610e
```
#c8610e rgb(200,97,14)
```
#e06d0f
```
#e06d0f rgb(224,109,15)
```
#ef7919
```
#ef7919 rgb(239,121,25)
```
#f18731
```
#f18731 rgb(241,135,49)
```
#f39549
```
#f39549 rgb(243,149,73)
```
#f4a361
```
#f4a361 rgb(244,163,97)
```
#f6b179
```
#f6b179 rgb(246,177,121)
```

Monochromatic Color

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

#f15731
```
#f15731 rgb(241,87,49)
```
#f16731
```
#f16731 rgb(241,103,49)
```
#f17731
```
#f17731 rgb(241,119,49)
```
#f18731
```
#f18731 rgb(241,135,49)
```
#f19731
```
#f19731 rgb(241,151,49)
```
#f1a731
```
#f1a731 rgb(241,167,49)
```
#f1b731
```
#f1b731 rgb(241,183,49)
```

Similar Colors

Text with hexadecimal color #f18731

This text has a font color of #f18731.

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

#f18731 background color

This paragraph has a background color of #f18731.

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

#f18731 border color

This element has a border color of #f18731.

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

CSS codes

.text {color:#f18731;}

.background {background-color:#f18731;}

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

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

#0e0701
```
#0e0701 rgb(14,7,1)
```
#211002
```
#211002 rgb(33,16,2)
```
#331903
```
#331903 rgb(51,25,3)
```
#462205
```
#462205 rgb(70,34,5)
```
#582b06
```
#582b06 rgb(88,43,6)
```
#6a3407
```
#6a3407 rgb(106,52,7)
```
#7d3c08
```
#7d3c08 rgb(125,60,8)
```
#8f450a
```
#8f450a rgb(143,69,10)
```
#a14e0b
```
#a14e0b rgb(161,78,11)
```
#b4570c
```
#b4570c rgb(180,87,12)
```
#c6600d
```
#c6600d rgb(198,96,13)
```
#d8690f
```
#d8690f rgb(216,105,15)
```
#eb7210
```
#eb7210 rgb(235,114,16)
```

Shade Color Variation

#f07c1f
```
#f07c1f rgb(240,124,31)
```
#f18731
```
#f18731 rgb(241,135,49)
```
#f29243
```
#f29243 rgb(242,146,67)
```
#f39c56
```
#f39c56 rgb(243,156,86)
```
#f5a768
```
#f5a768 rgb(245,167,104)
```
#f6b27a
```
#f6b27a rgb(246,178,122)
```
#f7bc8d
```
#f7bc8d rgb(247,188,141)
```
#f8c79f
```
#f8c79f rgb(248,199,159)
```
#fad2b2
```
#fad2b2 rgb(250,210,178)
```
#fbddc4
```
#fbddc4 rgb(251,221,196)
```
#fce7d6
```
#fce7d6 rgb(252,231,214)
```
#fdf2e9
```
#fdf2e9 rgb(253,242,233)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#94918e
```
#94918e rgb(148,145,142)
```
#9c9086
```
#9c9086 rgb(156,144,134)
```
#a58f7d
```
#a58f7d rgb(165,143,125)
```
#ad8e75
```
#ad8e75 rgb(173,142,117)
```
#b68d6c
```
#b68d6c rgb(182,141,108)
```
#be8c64
```
#be8c64 rgb(190,140,100)
```
#c78b5b
```
#c78b5b rgb(199,139,91)
```
#cf8b53
```
#cf8b53 rgb(207,139,83)
```
#d88a4a
```
#d88a4a rgb(216,138,74)
```
#e08942
```
#e08942 rgb(224,137,66)
```
#e98839
```
#e98839 rgb(233,136,57)
```
#f18731
```
#f18731 rgb(241,135,49)
```
#f98629
```
#f98629 rgb(249,134,41)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#ae9987 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a742 Protanopia 1% of men
#cf9f34 Deuteranopia 1% of men
#f5848d Tritanopia 0.001% of the population

Trichromacy

#cd9b3c Protanomaly 1% of men, 0.01% of women
#db9633 Deuteranomaly 6% of men, 0.4% of women
#f4856b Tritanomaly 0.01% of the population