#fc7a1f hex color

In a RGB color space, hex #fc7a1f is composed of 98.8% red, 47.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.6% magenta, 87.7% yellow and 1.2% black. It has a hue angle of 24.7 degrees, a saturation of 97.4% and a lightness of 55.5%. #fc7a1f color hex could be obtained by blending #fff43e with #f90000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 99
- G 48
- B 12
RGB color chart
- C 0
- M 52
- Y 88
- K 1
CMYK color chart

● #fc7a1f color description : Vivid orange.

The hexadecimal color #fc7a1f has RGB values of R:252, G:122, B:31 and CMYK values of C:0, M:0.52, Y:0.88, K:0.01. Its decimal value is 16546335.

Hex triplet	fc7a1f	`#fc7a1f`
RGB Decimal	252, 122, 31	`rgb(252,122,31)`
RGB Percent	98.8, 47.8, 12.2	`rgb(98.8%,47.8%,12.2%)`
CMYK	0, 52, 88, 1
HSL	24.7°, 97.4, 55.5	`hsl(24.7,97.4%,55.5%)`
HSV (or HSB)	24.7°, 87.7, 98.8
Web Safe	ff6633	`#ff6633`

CIE-LAB	65.529, 44.961, 66.617
XYZ	47.354, 34.718, 5.504
xyY	0.541, 0.396, 34.718
CIE-LCH	65.529, 80.37, 55.984
CIE-LUV	65.529, 107.461, 56.326
Hunter-Lab	58.922, 40.341, 35.707
Binary	11111100, 01111010, 00011111

#fc7a1f
```
#fc7a1f rgb(252,122,31)
```
#1fa1fc
```
#1fa1fc rgb(31,161,252)
```

Complementary Color

#fc1f32
```
#fc1f32 rgb(252,31,50)
```
#fc7a1f
```
#fc7a1f rgb(252,122,31)
```
#fce91f
```
#fce91f rgb(252,233,31)
```

Analogous Color

#1f32fc
```
#1f32fc rgb(31,50,252)
```
#fc7a1f
```
#fc7a1f rgb(252,122,31)
```
#1ffce9
```
#1ffce9 rgb(31,252,233)
```

Split Complementary Color

#7a1ffc
```
#7a1ffc rgb(122,31,252)
```
#fc7a1f
```
#fc7a1f rgb(252,122,31)
```
#1ffc7a
```
#1ffc7a rgb(31,252,122)
```

Triadic Color

#fc1fa1
```
#fc1fa1 rgb(252,31,161)
```
#fc7a1f
```
#fc7a1f rgb(252,122,31)
```
#1ffc7a
```
#1ffc7a rgb(31,252,122)
```
#1fa1fc
```
#1fa1fc rgb(31,161,252)
```

Tetradic Color

#cc5603
```
#cc5603 rgb(204,86,3)
```
#e56003
```
#e56003 rgb(229,96,3)
```
#fc6b06
```
#fc6b06 rgb(252,107,6)
```
#fc7a1f
```
#fc7a1f rgb(252,122,31)
```
#fc8938
```
#fc8938 rgb(252,137,56)
```
#fd9851
```
#fd9851 rgb(253,152,81)
```
#fda76a
```
#fda76a rgb(253,167,106)
```

Monochromatic Color

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

#fc431f
```
#fc431f rgb(252,67,31)
```
#fc551f
```
#fc551f rgb(252,85,31)
```
#fc681f
```
#fc681f rgb(252,104,31)
```
#fc7a1f
```
#fc7a1f rgb(252,122,31)
```
#fc8c1f
```
#fc8c1f rgb(252,140,31)
```
#fc9f1f
```
#fc9f1f rgb(252,159,31)
```
#fcb11f
```
#fcb11f rgb(252,177,31)
```

Similar Colors

Text with hexadecimal color #fc7a1f

This text has a font color of #fc7a1f.

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

#fc7a1f background color

This paragraph has a background color of #fc7a1f.

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

#fc7a1f border color

This element has a border color of #fc7a1f.

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

CSS codes

.text {color:#fc7a1f;}

.background {background-color:#fc7a1f;}

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

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

#080300
```
#080300 rgb(8,3,0)
```
#1c0c00
```
#1c0c00 rgb(28,12,0)
```
#2f1401
```
#2f1401 rgb(47,20,1)
```
#421c01
```
#421c01 rgb(66,28,1)
```
#562401
```
#562401 rgb(86,36,1)
```
#692c01
```
#692c01 rgb(105,44,1)
```
#7c3402
```
#7c3402 rgb(124,52,2)
```
#903c02
```
#903c02 rgb(144,60,2)
```
#a34402
```
#a34402 rgb(163,68,2)
```
#b64d02
```
#b64d02 rgb(182,77,2)
```
#ca5503
```
#ca5503 rgb(202,85,3)
```
#dd5d03
```
#dd5d03 rgb(221,93,3)
```
#f16503
```
#f16503 rgb(241,101,3)
```

Shade Color Variation

#fc6f0c
```
#fc6f0c rgb(252,111,12)
```
#fc7a1f
```
#fc7a1f rgb(252,122,31)
```
#fc8532
```
#fc8532 rgb(252,133,50)
```
#fd9146
```
#fd9146 rgb(253,145,70)
```
#fd9c59
```
#fd9c59 rgb(253,156,89)
```
#fda86c
```
#fda86c rgb(253,168,108)
```
#fdb380
```
#fdb380 rgb(253,179,128)
```
#febf93
```
#febf93 rgb(254,191,147)
```
#fecaa6
```
#fecaa6 rgb(254,202,166)
```
#fed6ba
```
#fed6ba rgb(254,214,186)
```
#fee1cd
```
#fee1cd rgb(254,225,205)
```
#ffede1
```
#ffede1 rgb(255,237,225)
```
#fff8f4
```
#fff8f4 rgb(255,248,244)
```

Tint Color Variation

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

#938c88
```
#938c88 rgb(147,140,136)
```
#9c8b7f
```
#9c8b7f rgb(156,139,127)
```
#a58976
```
#a58976 rgb(165,137,118)
```
#ad886e
```
#ad886e rgb(173,136,110)
```
#b68665
```
#b68665 rgb(182,134,101)
```
#bf855c
```
#bf855c rgb(191,133,92)
```
#c88353
```
#c88353 rgb(200,131,83)
```
#d0824b
```
#d0824b rgb(208,130,75)
```
#d98042
```
#d98042 rgb(217,128,66)
```
#e27f39
```
#e27f39 rgb(226,127,57)
```
#eb7d30
```
#eb7d30 rgb(235,125,48)
```
#f37c28
```
#f37c28 rgb(243,124,40)
```
#fc7a1f
```
#fc7a1f rgb(252,122,31)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#aa907e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a433 Protanopia 1% of men
#cd9c16 Deuteranopia 1% of men
#ff7980 Tritanopia 0.001% of the population

Trichromacy

#d0942c Protanomaly 1% of men, 0.01% of women
#de8f19 Deuteranomaly 6% of men, 0.4% of women
#fd795d Tritanomaly 0.01% of the population

#fc7a1f hex color

#fc7a1f Color Information

#fc7a1f Color Conversion

Color Schemes with #fc7a1f

Alternatives to #fc7a1f

#fc7a1f Preview

Shades and Tints of #fc7a1f

Tones of #fc7a1f

Color Blindness Simulator