#fa7f12 hex color

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

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

● #fa7f12 color description : Vivid orange.

The hexadecimal color #fa7f12 has RGB values of R:250, G:127, B:18 and CMYK values of C:0, M:0.49, Y:0.93, K:0.02. Its decimal value is 16416530.

Hex triplet	fa7f12	`#fa7f12`
RGB Decimal	250, 127, 18	`rgb(250,127,18)`
RGB Percent	98, 49.8, 7.1	`rgb(98%,49.8%,7.1%)`
CMYK	0, 49, 93, 2
HSL	28.2°, 95.9, 52.5	`hsl(28.2,95.9%,52.5%)`
HSV (or HSB)	28.2°, 92.8, 98
Web Safe	ff6600	`#ff6600`

CIE-LAB	66.175, 41.533, 70.288
XYZ	47.125, 35.551, 4.953
xyY	0.538, 0.406, 35.551
CIE-LCH	66.175, 81.642, 59.421
CIE-LUV	66.175, 102.231, 59.519
Hunter-Lab	59.625, 36.736, 36.812
Binary	11111010, 01111111, 00010010

#fa7f12
```
#fa7f12 rgb(250,127,18)
```
#128dfa
```
#128dfa rgb(18,141,250)
```

Complementary Color

#fa1219
```
#fa1219 rgb(250,18,25)
```
#fa7f12
```
#fa7f12 rgb(250,127,18)
```
#faf312
```
#faf312 rgb(250,243,18)
```

Analogous Color

#1219fa
```
#1219fa rgb(18,25,250)
```
#fa7f12
```
#fa7f12 rgb(250,127,18)
```
#12faf3
```
#12faf3 rgb(18,250,243)
```

Split Complementary Color

#7f12fa
```
#7f12fa rgb(127,18,250)
```
#fa7f12
```
#fa7f12 rgb(250,127,18)
```
#12fa7f
```
#12fa7f rgb(18,250,127)
```

Triadic Color

#fa128d
```
#fa128d rgb(250,18,141)
```
#fa7f12
```
#fa7f12 rgb(250,127,18)
```
#12fa7f
```
#12fa7f rgb(18,250,127)
```
#128dfa
```
#128dfa rgb(18,141,250)
```

Tetradic Color

#bc5a04
```
#bc5a04 rgb(188,90,4)
```
#d56604
```
#d56604 rgb(213,102,4)
```
#ed7205
```
#ed7205 rgb(237,114,5)
```
#fa7f12
```
#fa7f12 rgb(250,127,18)
```
#fb8c2b
```
#fb8c2b rgb(251,140,43)
```
#fb9a44
```
#fb9a44 rgb(251,154,68)
```
#fca75d
```
#fca75d rgb(252,167,93)
```

Monochromatic Color

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

#fa4512
```
#fa4512 rgb(250,69,18)
```
#fa5812
```
#fa5812 rgb(250,88,18)
```
#fa6c12
```
#fa6c12 rgb(250,108,18)
```
#fa7f12
```
#fa7f12 rgb(250,127,18)
```
#fa9212
```
#fa9212 rgb(250,146,18)
```
#faa612
```
#faa612 rgb(250,166,18)
```
#fab912
```
#fab912 rgb(250,185,18)
```

Similar Colors

Text with hexadecimal color #fa7f12

This text has a font color of #fa7f12.

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

#fa7f12 background color

This paragraph has a background color of #fa7f12.

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

#fa7f12 border color

This element has a border color of #fa7f12.

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

CSS codes

.text {color:#fa7f12;}

.background {background-color:#fa7f12;}

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

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

#0d0600
```
#0d0600 rgb(13,6,0)
```
#200f01
```
#200f01 rgb(32,15,1)
```
#331901
```
#331901 rgb(51,25,1)
```
#462201
```
#462201 rgb(70,34,1)
```
#5a2b02
```
#5a2b02 rgb(90,43,2)
```
#6d3402
```
#6d3402 rgb(109,52,2)
```
#803e03
```
#803e03 rgb(128,62,3)
```
#934703
```
#934703 rgb(147,71,3)
```
#a65004
```
#a65004 rgb(166,80,4)
```
#ba5904
```
#ba5904 rgb(186,89,4)
```
#cd6304
```
#cd6304 rgb(205,99,4)
```
#e06c05
```
#e06c05 rgb(224,108,5)
```
#f37505
```
#f37505 rgb(243,117,5)
```

Shade Color Variation

#fa7f12
```
#fa7f12 rgb(250,127,18)
```
#fa8925
```
#fa8925 rgb(250,137,37)
```
#fb9438
```
#fb9438 rgb(251,148,56)
```
#fb9e4c
```
#fb9e4c rgb(251,158,76)
```
#fca95f
```
#fca95f rgb(252,169,95)
```
#fcb372
```
#fcb372 rgb(252,179,114)
```
#fcbd85
```
#fcbd85 rgb(252,189,133)
```
#fdc898
```
#fdc898 rgb(253,200,152)
```
#fdd2ac
```
#fdd2ac rgb(253,210,172)
```
#fedcbf
```
#fedcbf rgb(254,220,191)
```
#fee7d2
```
#fee7d2 rgb(254,231,210)
```
#fef1e5
```
#fef1e5 rgb(254,241,229)
```
#fffcf9
```
#fffcf9 rgb(255,252,249)
```

Tint Color Variation

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

#8a8682
```
#8a8682 rgb(138,134,130)
```
#948578
```
#948578 rgb(148,133,120)
```
#9d856f
```
#9d856f rgb(157,133,111)
```
#a68466
```
#a68466 rgb(166,132,102)
```
#b0835c
```
#b0835c rgb(176,131,92)
```
#b98353
```
#b98353 rgb(185,131,83)
```
#c2824a
```
#c2824a rgb(194,130,74)
```
#cb8241
```
#cb8241 rgb(203,130,65)
```
#d58137
```
#d58137 rgb(213,129,55)
```
#de812e
```
#de812e rgb(222,129,46)
```
#e78025
```
#e78025 rgb(231,128,37)
```
#f1801b
```
#f1801b rgb(241,128,27)
```
#fa7f12
```
#fa7f12 rgb(250,127,18)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#ab927c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a627 Protanopia 1% of men
#cf9d00 Deuteranopia 1% of men
#fe7d84 Tritanopia 0.001% of the population

Trichromacy

#d0971f Protanomaly 1% of men, 0.01% of women
#de9206 Deuteranomaly 6% of men, 0.4% of women
#fc7d5b Tritanomaly 0.01% of the population

#fa7f12 hex color

#fa7f12 Color Information

#fa7f12 Color Conversion

Color Schemes with #fa7f12

Alternatives to #fa7f12

#fa7f12 Preview

Shades and Tints of #fa7f12

Tones of #fa7f12

Color Blindness Simulator