#fa5f12 hex color

In a RGB color space, hex #fa5f12 is composed of 98% red, 37.3% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62% magenta, 92.8% yellow and 2% black. It has a hue angle of 19.9 degrees, a saturation of 95.9% and a lightness of 52.5%. #fa5f12 color hex could be obtained by blending #ffbe24 with #f50000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 98
- G 37
- B 7
RGB color chart
- C 0
- M 62
- Y 93
- K 2
CMYK color chart

● #fa5f12 color description : Vivid orange.

The hexadecimal color #fa5f12 has RGB values of R:250, G:95, B:18 and CMYK values of C:0, M:0.62, Y:0.93, K:0.02. Its decimal value is 16408338.

Hex triplet	fa5f12	`#fa5f12`
RGB Decimal	250, 95, 18	`rgb(250,95,18)`
RGB Percent	98, 37.3, 7.1	`rgb(98%,37.3%,7.1%)`
CMYK	0, 62, 93, 2
HSL	19.9°, 95.9, 52.5	`hsl(19.9,95.9%,52.5%)`
HSV (or HSB)	19.9°, 92.8, 98
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.389, 56.435, 66.42
XYZ	43.628, 28.557, 3.787
xyY	0.574, 0.376, 28.557
CIE-LCH	60.389, 87.158, 49.647
CIE-LUV	60.389, 128.129, 49.775
Hunter-Lab	53.439, 52.211, 33.205
Binary	11111010, 01011111, 00010010

#fa5f12
```
#fa5f12 rgb(250,95,18)
```
#12adfa
```
#12adfa rgb(18,173,250)
```

Complementary Color

#fa1239
```
#fa1239 rgb(250,18,57)
```
#fa5f12
```
#fa5f12 rgb(250,95,18)
```
#fad312
```
#fad312 rgb(250,211,18)
```

Analogous Color

#1239fa
```
#1239fa rgb(18,57,250)
```
#fa5f12
```
#fa5f12 rgb(250,95,18)
```
#12fad3
```
#12fad3 rgb(18,250,211)
```

Split Complementary Color

#5f12fa
```
#5f12fa rgb(95,18,250)
```
#fa5f12
```
#fa5f12 rgb(250,95,18)
```
#12fa5f
```
#12fa5f rgb(18,250,95)
```

Triadic Color

#fa12ad
```
#fa12ad rgb(250,18,173)
```
#fa5f12
```
#fa5f12 rgb(250,95,18)
```
#12fa5f
```
#12fa5f rgb(18,250,95)
```
#12adfa
```
#12adfa rgb(18,173,250)
```

Tetradic Color

#bc4104
```
#bc4104 rgb(188,65,4)
```
#d54a04
```
#d54a04 rgb(213,74,4)
```
#ed5205
```
#ed5205 rgb(237,82,5)
```
#fa5f12
```
#fa5f12 rgb(250,95,18)
```
#fb702b
```
#fb702b rgb(251,112,43)
```
#fb8144
```
#fb8144 rgb(251,129,68)
```
#fc925d
```
#fc925d rgb(252,146,93)
```

Monochromatic Color

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

#fa2512
```
#fa2512 rgb(250,37,18)
```
#fa3812
```
#fa3812 rgb(250,56,18)
```
#fa4c12
```
#fa4c12 rgb(250,76,18)
```
#fa5f12
```
#fa5f12 rgb(250,95,18)
```
#fa7212
```
#fa7212 rgb(250,114,18)
```
#fa8612
```
#fa8612 rgb(250,134,18)
```
#fa9912
```
#fa9912 rgb(250,153,18)
```

Similar Colors

Text with hexadecimal color #fa5f12

This text has a font color of #fa5f12.

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

#fa5f12 background color

This paragraph has a background color of #fa5f12.

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

#fa5f12 border color

This element has a border color of #fa5f12.

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

CSS codes

.text {color:#fa5f12;}

.background {background-color:#fa5f12;}

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

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

#0d0400
```
#0d0400 rgb(13,4,0)
```
#200b01
```
#200b01 rgb(32,11,1)
```
#331201
```
#331201 rgb(51,18,1)
```
#461801
```
#461801 rgb(70,24,1)
```
#5a1f02
```
#5a1f02 rgb(90,31,2)
```
#6d2602
```
#6d2602 rgb(109,38,2)
```
#802c03
```
#802c03 rgb(128,44,3)
```
#933303
```
#933303 rgb(147,51,3)
```
#a63a04
```
#a63a04 rgb(166,58,4)
```
#ba4004
```
#ba4004 rgb(186,64,4)
```
#cd4704
```
#cd4704 rgb(205,71,4)
```
#e04e05
```
#e04e05 rgb(224,78,5)
```
#f35405
```
#f35405 rgb(243,84,5)
```

Shade Color Variation

#fa5f12
```
#fa5f12 rgb(250,95,18)
```
#fa6c25
```
#fa6c25 rgb(250,108,37)
```
#fb7938
```
#fb7938 rgb(251,121,56)
```
#fb864c
```
#fb864c rgb(251,134,76)
```
#fc935f
```
#fc935f rgb(252,147,95)
```
#fca072
```
#fca072 rgb(252,160,114)
```
#fcad85
```
#fcad85 rgb(252,173,133)
```
#fdba98
```
#fdba98 rgb(253,186,152)
```
#fdc7ac
```
#fdc7ac rgb(253,199,172)
```
#fed4bf
```
#fed4bf rgb(254,212,191)
```
#fee1d2
```
#fee1d2 rgb(254,225,210)
```
#feeee5
```
#feeee5 rgb(254,238,229)
```
#fffbf9
```
#fffbf9 rgb(255,251,249)
```

Tint Color Variation

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

#8a8582
```
#8a8582 rgb(138,133,130)
```
#948178
```
#948178 rgb(148,129,120)
```
#9d7e6f
```
#9d7e6f rgb(157,126,111)
```
#a67b66
```
#a67b66 rgb(166,123,102)
```
#b0785c
```
#b0785c rgb(176,120,92)
```
#b97553
```
#b97553 rgb(185,117,83)
```
#c2724a
```
#c2724a rgb(194,114,74)
```
#cb6f41
```
#cb6f41 rgb(203,111,65)
```
#d56c37
```
#d56c37 rgb(213,108,55)
```
#de682e
```
#de682e rgb(222,104,46)
```
#e76525
```
#e76525 rgb(231,101,37)
```
#f1621b
```
#f1621b rgb(241,98,27)
```
#fa5f12
```
#fa5f12 rgb(250,95,18)
```

Tone Color Variation

Below, you can see how #fa5f12 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
#9c7d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9972a Protanopia 1% of men
#bd9000 Deuteranopia 1% of men
#fc6066 Tritanopia 0.001% of the population

Trichromacy

#c68321 Protanomaly 1% of men, 0.01% of women
#d37e06 Deuteranomaly 6% of men, 0.4% of women
#fb6047 Tritanomaly 0.01% of the population

#fa5f12 hex color

#fa5f12 Color Information

#fa5f12 Color Conversion

Color Schemes with #fa5f12

Alternatives to #fa5f12

#fa5f12 Preview

Shades and Tints of #fa5f12

Tones of #fa5f12

Color Blindness Simulator