#fc7a2f hex color

In a RGB color space, hex #fc7a2f is composed of 98.8% red, 47.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.6% magenta, 81.3% yellow and 1.2% black. It has a hue angle of 22 degrees, a saturation of 97.2% and a lightness of 58.6%. #fc7a2f color hex could be obtained by blending #fff45e with #f90000. Closest websafe color is: #ff6633.

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

● #fc7a2f color description : Bright orange.

The hexadecimal color #fc7a2f has RGB values of R:252, G:122, B:47 and CMYK values of C:0, M:0.52, Y:0.81, K:0.01. Its decimal value is 16546351.

Hex triplet	fc7a2f	`#fc7a2f`
RGB Decimal	252, 122, 47	`rgb(252,122,47)`
RGB Percent	98.8, 47.8, 18.4	`rgb(98.8%,47.8%,18.4%)`
CMYK	0, 52, 81, 1
HSL	22°, 97.2, 58.6	`hsl(22,97.2%,58.6%)`
HSV (or HSB)	22°, 81.3, 98.8
Web Safe	ff6633	`#ff6633`

CIE-LAB	65.612, 45.342, 60.96
XYZ	47.619, 34.824, 6.903
xyY	0.533, 0.39, 34.824
CIE-LCH	65.612, 75.974, 53.358
CIE-LUV	65.612, 106.298, 53.103
Hunter-Lab	59.012, 40.768, 34.373
Binary	11111100, 01111010, 00101111

#fc7a2f
```
#fc7a2f rgb(252,122,47)
```
#2fb1fc
```
#2fb1fc rgb(47,177,252)
```

Complementary Color

#fc2f4b
```
#fc2f4b rgb(252,47,75)
```
#fc7a2f
```
#fc7a2f rgb(252,122,47)
```
#fce12f
```
#fce12f rgb(252,225,47)
```

Analogous Color

#2f4bfc
```
#2f4bfc rgb(47,75,252)
```
#fc7a2f
```
#fc7a2f rgb(252,122,47)
```
#2ffce1
```
#2ffce1 rgb(47,252,225)
```

Split Complementary Color

#7a2ffc
```
#7a2ffc rgb(122,47,252)
```
#fc7a2f
```
#fc7a2f rgb(252,122,47)
```
#2ffc7a
```
#2ffc7a rgb(47,252,122)
```

Triadic Color

#fc2fb1
```
#fc2fb1 rgb(252,47,177)
```
#fc7a2f
```
#fc7a2f rgb(252,122,47)
```
#2ffc7a
```
#2ffc7a rgb(47,252,122)
```
#2fb1fc
```
#2fb1fc rgb(47,177,252)
```

Tetradic Color

#db5203
```
#db5203 rgb(219,82,3)
```
#f45c04
```
#f45c04 rgb(244,92,4)
```
#fc6a16
```
#fc6a16 rgb(252,106,22)
```
#fc7a2f
```
#fc7a2f rgb(252,122,47)
```
#fc8a48
```
#fc8a48 rgb(252,138,72)
```
#fd9a61
```
#fd9a61 rgb(253,154,97)
```
#fdaa7a
```
#fdaa7a rgb(253,170,122)
```

Monochromatic Color

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

#fc472f
```
#fc472f rgb(252,71,47)
```
#fc582f
```
#fc582f rgb(252,88,47)
```
#fc692f
```
#fc692f rgb(252,105,47)
```
#fc7a2f
```
#fc7a2f rgb(252,122,47)
```
#fc8b2f
```
#fc8b2f rgb(252,139,47)
```
#fc9c2f
```
#fc9c2f rgb(252,156,47)
```
#fcad2f
```
#fcad2f rgb(252,173,47)
```

Similar Colors

Text with hexadecimal color #fc7a2f

This text has a font color of #fc7a2f.

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

#fc7a2f background color

This paragraph has a background color of #fc7a2f.

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

#fc7a2f border color

This element has a border color of #fc7a2f.

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

CSS codes

.text {color:#fc7a2f;}

.background {background-color:#fc7a2f;}

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

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

#050200
```
#050200 rgb(5,2,0)
```
#180900
```
#180900 rgb(24,9,0)
```
#2b1001
```
#2b1001 rgb(43,16,1)
```
#3f1801
```
#3f1801 rgb(63,24,1)
```
#521f01
```
#521f01 rgb(82,31,1)
```
#652601
```
#652601 rgb(101,38,1)
```
#792d02
```
#792d02 rgb(121,45,2)
```
#8c3502
```
#8c3502 rgb(140,53,2)
```
#9f3c02
```
#9f3c02 rgb(159,60,2)
```
#b34303
```
#b34303 rgb(179,67,3)
```
#c64a03
```
#c64a03 rgb(198,74,3)
```
#d95203
```
#d95203 rgb(217,82,3)
```
#ed5903
```
#ed5903 rgb(237,89,3)
```

Shade Color Variation

#fb6108
```
#fb6108 rgb(251,97,8)
```
#fc6e1c
```
#fc6e1c rgb(252,110,28)
```
#fc7a2f
```
#fc7a2f rgb(252,122,47)
```
#fc8642
```
#fc8642 rgb(252,134,66)
```
#fd9356
```
#fd9356 rgb(253,147,86)
```
#fd9f69
```
#fd9f69 rgb(253,159,105)
```
#fdab7c
```
#fdab7c rgb(253,171,124)
```
#fdb890
```
#fdb890 rgb(253,184,144)
```
#fec4a3
```
#fec4a3 rgb(254,196,163)
```
#fed1b6
```
#fed1b6 rgb(254,209,182)
```
#feddca
```
#feddca rgb(254,221,202)
```
#ffe9dd
```
#ffe9dd rgb(255,233,221)
```
#fff6f0
```
#fff6f0 rgb(255,246,240)
```

Tint Color Variation

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

#9b9490
```
#9b9490 rgb(155,148,144)
```
#a39288
```
#a39288 rgb(163,146,136)
```
#ab9080
```
#ab9080 rgb(171,144,128)
```
#b38e78
```
#b38e78 rgb(179,142,120)
```
#bb8b70
```
#bb8b70 rgb(187,139,112)
```
#c38968
```
#c38968 rgb(195,137,104)
```
#cb8760
```
#cb8760 rgb(203,135,96)
```
#d38558
```
#d38558 rgb(211,133,88)
```
#dc834f
```
#dc834f rgb(220,131,79)
```
#e48147
```
#e48147 rgb(228,129,71)
```
#ec7e3f
```
#ec7e3f rgb(236,126,63)
```
#f47c37
```
#f47c37 rgb(244,124,55)
```
#fc7a2f
```
#fc7a2f rgb(252,122,47)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#ac9283 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a443 Protanopia 1% of men
#cc9c2e Deuteranopia 1% of men
#ff7981 Tritanopia 0.001% of the population

Trichromacy

#cf953b Protanomaly 1% of men, 0.01% of women
#dd8f2e Deuteranomaly 6% of men, 0.4% of women
#fd7963 Tritanomaly 0.01% of the population

#fc7a2f hex color

#fc7a2f Color Information

#fc7a2f Color Conversion

Color Schemes with #fc7a2f

Alternatives to #fc7a2f

#fc7a2f Preview

Shades and Tints of #fc7a2f

Tones of #fc7a2f

Color Blindness Simulator