#fa5018 hex color

In a RGB color space, hex #fa5018 is composed of 98% red, 31.4% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68% magenta, 90.4% yellow and 2% black. It has a hue angle of 14.9 degrees, a saturation of 95.8% and a lightness of 53.7%. #fa5018 color hex could be obtained by blending #ffa030 with #f50000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 98
- G 31
- B 9
RGB color chart
- C 0
- M 68
- Y 90
- K 2
CMYK color chart

● #fa5018 color description : Vivid red.

The hexadecimal color #fa5018 has RGB values of R:250, G:80, B:24 and CMYK values of C:0, M:0.68, Y:0.9, K:0.02. Its decimal value is 16404504.

Hex triplet	fa5018	`#fa5018`
RGB Decimal	250, 80, 24	`rgb(250,80,24)`
RGB Percent	98, 31.4, 9.4	`rgb(98%,31.4%,9.4%)`
CMYK	0, 68, 90, 2
HSL	14.9°, 95.8, 53.7	`hsl(14.9,95.8%,53.7%)`
HSV (or HSB)	14.9°, 90.4, 98
Web Safe	ff6600	`#ff6600`

CIE-LAB	58.162, 62.558, 63.247
XYZ	42.46, 26.132, 3.672
xyY	0.588, 0.362, 26.132
CIE-LCH	58.162, 88.959, 45.314
CIE-LUV	58.162, 138.692, 45.09
Hunter-Lab	51.12, 58.802, 31.524
Binary	11111010, 01010000, 00011000

#fa5018
```
#fa5018 rgb(250,80,24)
```
#18c2fa
```
#18c2fa rgb(24,194,250)
```

Complementary Color

#fa1851
```
#fa1851 rgb(250,24,81)
```
#fa5018
```
#fa5018 rgb(250,80,24)
```
#fac118
```
#fac118 rgb(250,193,24)
```

Analogous Color

#1851fa
```
#1851fa rgb(24,81,250)
```
#fa5018
```
#fa5018 rgb(250,80,24)
```
#18fac1
```
#18fac1 rgb(24,250,193)
```

Split Complementary Color

#5018fa
```
#5018fa rgb(80,24,250)
```
#fa5018
```
#fa5018 rgb(250,80,24)
```
#18fa50
```
#18fa50 rgb(24,250,80)
```

Triadic Color

#fa18c2
```
#fa18c2 rgb(250,24,194)
```
#fa5018
```
#fa5018 rgb(250,80,24)
```
#18fa50
```
#18fa50 rgb(24,250,80)
```
#18c2fa
```
#18c2fa rgb(24,194,250)
```

Tetradic Color

#c13304
```
#c13304 rgb(193,51,4)
```
#da3a05
```
#da3a05 rgb(218,58,5)
```
#f34005
```
#f34005 rgb(243,64,5)
```
#fa5018
```
#fa5018 rgb(250,80,24)
```
#fb6331
```
#fb6331 rgb(251,99,49)
```
#fb764a
```
#fb764a rgb(251,118,74)
```
#fc8963
```
#fc8963 rgb(252,137,99)
```

Monochromatic Color

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

#fa1818
```
#fa1818 rgb(250,24,24)
```
#fa2a18
```
#fa2a18 rgb(250,42,24)
```
#fa3d18
```
#fa3d18 rgb(250,61,24)
```
#fa5018
```
#fa5018 rgb(250,80,24)
```
#fa6318
```
#fa6318 rgb(250,99,24)
```
#fa7618
```
#fa7618 rgb(250,118,24)
```
#fa8918
```
#fa8918 rgb(250,137,24)
```

Similar Colors

Text with hexadecimal color #fa5018

This text has a font color of #fa5018.

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

#fa5018 background color

This paragraph has a background color of #fa5018.

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

#fa5018 border color

This element has a border color of #fa5018.

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

CSS codes

.text {color:#fa5018;}

.background {background-color:#fa5018;}

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

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

#130500
```
#130500 rgb(19,5,0)
```
#260a01
```
#260a01 rgb(38,10,1)
```
#390f01
```
#390f01 rgb(57,15,1)
```
#4c1402
```
#4c1402 rgb(76,20,2)
```
#5f1902
```
#5f1902 rgb(95,25,2)
```
#731e02
```
#731e02 rgb(115,30,2)
```
#862303
```
#862303 rgb(134,35,3)
```
#992803
```
#992803 rgb(153,40,3)
```
#ac2d04
```
#ac2d04 rgb(172,45,4)
```
#bf3304
```
#bf3304 rgb(191,51,4)
```
#d33805
```
#d33805 rgb(211,56,5)
```
#e63d05
```
#e63d05 rgb(230,61,5)
```
#f94205
```
#f94205 rgb(249,66,5)
```

Shade Color Variation

#fa5018
```
#fa5018 rgb(250,80,24)
```
#fa5f2b
```
#fa5f2b rgb(250,95,43)
```
#fb6d3e
```
#fb6d3e rgb(251,109,62)
```
#fb7c52
```
#fb7c52 rgb(251,124,82)
```
#fc8a65
```
#fc8a65 rgb(252,138,101)
```
#fc9978
```
#fc9978 rgb(252,153,120)
```
#fca78b
```
#fca78b rgb(252,167,139)
```
#fdb69e
```
#fdb69e rgb(253,182,158)
```
#fdc4b2
```
#fdc4b2 rgb(253,196,178)
```
#fed3c5
```
#fed3c5 rgb(254,211,197)
```
#fee1d8
```
#fee1d8 rgb(254,225,216)
```
#fff0eb
```
#fff0eb rgb(255,240,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#8d8785
```
#8d8785 rgb(141,135,133)
```
#96827c
```
#96827c rgb(150,130,124)
```
#9f7e73
```
#9f7e73 rgb(159,126,115)
```
#a8796a
```
#a8796a rgb(168,121,106)
```
#b17561
```
#b17561 rgb(177,117,97)
```
#ba7058
```
#ba7058 rgb(186,112,88)
```
#c46b4e
```
#c46b4e rgb(196,107,78)
```
#cd6745
```
#cd6745 rgb(205,103,69)
```
#d6623c
```
#d6623c rgb(214,98,60)
```
#df5e33
```
#df5e33 rgb(223,94,51)
```
#e8592a
```
#e8592a rgb(232,89,42)
```
#f15521
```
#f15521 rgb(241,85,33)
```
#fa5018
```
#fa5018 rgb(250,80,24)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#957368 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29231 Protanopia 1% of men
#b68a00 Deuteranopia 1% of men
#fb5457 Tritanopia 0.001% of the population

Trichromacy

#c27a28 Protanomaly 1% of men, 0.01% of women
#ce7508 Deuteranomaly 6% of men, 0.4% of women
#fa5240 Tritanomaly 0.01% of the population

#fa5018 hex color

#fa5018 Color Information

#fa5018 Color Conversion

Color Schemes with #fa5018

Alternatives to #fa5018

#fa5018 Preview

Shades and Tints of #fa5018

Tones of #fa5018

Color Blindness Simulator