#fc7d2f hex color

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

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

● #fc7d2f color description : Bright orange.

The hexadecimal color #fc7d2f has RGB values of R:252, G:125, B:47 and CMYK values of C:0, M:0.5, Y:0.81, K:0.01. Its decimal value is 16547119.

Hex triplet	fc7d2f	`#fc7d2f`
RGB Decimal	252, 125, 47	`rgb(252,125,47)`
RGB Percent	98.8, 49, 18.4	`rgb(98.8%,49%,18.4%)`
CMYK	0, 50, 81, 1
HSL	22.8°, 97.2, 58.6	`hsl(22.8,97.2%,58.6%)`
HSV (or HSB)	22.8°, 81.3, 98.8
Web Safe	ff6633	`#ff6633`

CIE-LAB	66.192, 43.878, 61.483
XYZ	47.993, 35.572, 7.028
xyY	0.53, 0.393, 35.572
CIE-LCH	66.192, 75.535, 54.486
CIE-LUV	66.192, 103.863, 54.118
Hunter-Lab	59.643, 39.261, 34.763
Binary	11111100, 01111101, 00101111

#fc7d2f
```
#fc7d2f rgb(252,125,47)
```
#2faefc
```
#2faefc rgb(47,174,252)
```

Complementary Color

#fc2f48
```
#fc2f48 rgb(252,47,72)
```
#fc7d2f
```
#fc7d2f rgb(252,125,47)
```
#fce42f
```
#fce42f rgb(252,228,47)
```

Analogous Color

#2f48fc
```
#2f48fc rgb(47,72,252)
```
#fc7d2f
```
#fc7d2f rgb(252,125,47)
```
#2ffce4
```
#2ffce4 rgb(47,252,228)
```

Split Complementary Color

#7d2ffc
```
#7d2ffc rgb(125,47,252)
```
#fc7d2f
```
#fc7d2f rgb(252,125,47)
```
#2ffc7d
```
#2ffc7d rgb(47,252,125)
```

Triadic Color

#fc2fae
```
#fc2fae rgb(252,47,174)
```
#fc7d2f
```
#fc7d2f rgb(252,125,47)
```
#2ffc7d
```
#2ffc7d rgb(47,252,125)
```
#2faefc
```
#2faefc rgb(47,174,252)
```

Tetradic Color

#db5503
```
#db5503 rgb(219,85,3)
```
#f45f04
```
#f45f04 rgb(244,95,4)
```
#fc6d16
```
#fc6d16 rgb(252,109,22)
```
#fc7d2f
```
#fc7d2f rgb(252,125,47)
```
#fc8d48
```
#fc8d48 rgb(252,141,72)
```
#fd9c61
```
#fd9c61 rgb(253,156,97)
```
#fdac7a
```
#fdac7a rgb(253,172,122)
```

Monochromatic Color

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

#fc4a2f
```
#fc4a2f rgb(252,74,47)
```
#fc5b2f
```
#fc5b2f rgb(252,91,47)
```
#fc6c2f
```
#fc6c2f rgb(252,108,47)
```
#fc7d2f
```
#fc7d2f rgb(252,125,47)
```
#fc8e2f
```
#fc8e2f rgb(252,142,47)
```
#fc9f2f
```
#fc9f2f rgb(252,159,47)
```
#fcb02f
```
#fcb02f rgb(252,176,47)
```

Similar Colors

Text with hexadecimal color #fc7d2f

This text has a font color of #fc7d2f.

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

#fc7d2f background color

This paragraph has a background color of #fc7d2f.

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

#fc7d2f border color

This element has a border color of #fc7d2f.

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

CSS codes

.text {color:#fc7d2f;}

.background {background-color:#fc7d2f;}

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

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)
```
#2b1101
```
#2b1101 rgb(43,17,1)
```
#3f1801
```
#3f1801 rgb(63,24,1)
```
#522001
```
#522001 rgb(82,32,1)
```
#652701
```
#652701 rgb(101,39,1)
```
#792f02
```
#792f02 rgb(121,47,2)
```
#8c3702
```
#8c3702 rgb(140,55,2)
```
#9f3e02
```
#9f3e02 rgb(159,62,2)
```
#b34603
```
#b34603 rgb(179,70,3)
```
#c64d03
```
#c64d03 rgb(198,77,3)
```
#d95503
```
#d95503 rgb(217,85,3)
```
#ed5c03
```
#ed5c03 rgb(237,92,3)
```

Shade Color Variation

#fb6508
```
#fb6508 rgb(251,101,8)
```
#fc711c
```
#fc711c rgb(252,113,28)
```
#fc7d2f
```
#fc7d2f rgb(252,125,47)
```
#fc8942
```
#fc8942 rgb(252,137,66)
```
#fd9556
```
#fd9556 rgb(253,149,86)
```
#fda169
```
#fda169 rgb(253,161,105)
```
#fdad7c
```
#fdad7c rgb(253,173,124)
```
#fdb990
```
#fdb990 rgb(253,185,144)
```
#fec6a3
```
#fec6a3 rgb(254,198,163)
```
#fed2b6
```
#fed2b6 rgb(254,210,182)
```
#fedeca
```
#fedeca rgb(254,222,202)
```
#ffeadd
```
#ffeadd rgb(255,234,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 #fc7d2f 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)
```
#bb8d70
```
#bb8d70 rgb(187,141,112)
```
#c38b68
```
#c38b68 rgb(195,139,104)
```
#cb8960
```
#cb8960 rgb(203,137,96)
```
#d38758
```
#d38758 rgb(211,135,88)
```
#dc854f
```
#dc854f rgb(220,133,79)
```
#e48347
```
#e48347 rgb(228,131,71)
```
#ec813f
```
#ec813f rgb(236,129,63)
```
#f47f37
```
#f47f37 rgb(244,127,55)
```
#fc7d2f
```
#fc7d2f rgb(252,125,47)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#ae9485 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a642 Protanopia 1% of men
#ce9d2e Deuteranopia 1% of men
#ff7c84 Tritanopia 0.001% of the population

Trichromacy

#d0973b Protanomaly 1% of men, 0.01% of women
#de912e Deuteranomaly 6% of men, 0.4% of women
#fd7c65 Tritanomaly 0.01% of the population

#fc7d2f hex color

#fc7d2f Color Information

#fc7d2f Color Conversion

Color Schemes with #fc7d2f

Alternatives to #fc7d2f

#fc7d2f Preview

Shades and Tints of #fc7d2f

Tones of #fc7d2f

Color Blindness Simulator