#fd7c0c hex color

In a RGB color space, hex #fd7c0c is composed of 99.2% red, 48.6% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51% magenta, 95.3% yellow and 0.8% black. It has a hue angle of 27.9 degrees, a saturation of 98.4% and a lightness of 52%. #fd7c0c color hex could be obtained by blending #fff818 with #fb0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 99
- G 49
- B 5
RGB color chart
- C 0
- M 51
- Y 95
- K 1
CMYK color chart

● #fd7c0c color description : Vivid orange.

The hexadecimal color #fd7c0c has RGB values of R:253, G:124, B:12 and CMYK values of C:0, M:0.51, Y:0.95, K:0.01. Its decimal value is 16612364.

Hex triplet	fd7c0c	`#fd7c0c`
RGB Decimal	253, 124, 12	`rgb(253,124,12)`
RGB Percent	99.2, 48.6, 4.7	`rgb(99.2%,48.6%,4.7%)`
CMYK	0, 51, 95, 1
HSL	27.9°, 98.4, 52	`hsl(27.9,98.4%,52%)`
HSV (or HSB)	27.9°, 95.3, 99.2
Web Safe	ff6600	`#ff6600`

CIE-LAB	66.004, 44.108, 71.474
XYZ	47.784, 35.329, 4.651
xyY	0.544, 0.403, 35.329
CIE-LCH	66.004, 83.989, 58.321
CIE-LUV	66.004, 107.431, 59.256
Hunter-Lab	59.438, 39.484, 36.968
Binary	11111101, 01111100, 00001100

#fd7c0c
```
#fd7c0c rgb(253,124,12)
```
#0c8dfd
```
#0c8dfd rgb(12,141,253)
```

Complementary Color

#fd0c15
```
#fd0c15 rgb(253,12,21)
```
#fd7c0c
```
#fd7c0c rgb(253,124,12)
```
#fdf50c
```
#fdf50c rgb(253,245,12)
```

Analogous Color

#0c15fd
```
#0c15fd rgb(12,21,253)
```
#fd7c0c
```
#fd7c0c rgb(253,124,12)
```
#0cfdf5
```
#0cfdf5 rgb(12,253,245)
```

Split Complementary Color

#7c0cfd
```
#7c0cfd rgb(124,12,253)
```
#fd7c0c
```
#fd7c0c rgb(253,124,12)
```
#0cfd7c
```
#0cfd7c rgb(12,253,124)
```

Triadic Color

#fd0c8d
```
#fd0c8d rgb(253,12,141)
```
#fd7c0c
```
#fd7c0c rgb(253,124,12)
```
#0cfd7c
```
#0cfd7c rgb(12,253,124)
```
#0c8dfd
```
#0c8dfd rgb(12,141,253)
```

Tetradic Color

#bb5802
```
#bb5802 rgb(187,88,2)
```
#d46402
```
#d46402 rgb(212,100,2)
```
#ee6f02
```
#ee6f02 rgb(238,111,2)
```
#fd7c0c
```
#fd7c0c rgb(253,124,12)
```
#fd8a25
```
#fd8a25 rgb(253,138,37)
```
#fd973f
```
#fd973f rgb(253,151,63)
```
#fea558
```
#fea558 rgb(254,165,88)
```

Monochromatic Color

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

#fd400c
```
#fd400c rgb(253,64,12)
```
#fd540c
```
#fd540c rgb(253,84,12)
```
#fd680c
```
#fd680c rgb(253,104,12)
```
#fd7c0c
```
#fd7c0c rgb(253,124,12)
```
#fd900c
```
#fd900c rgb(253,144,12)
```
#fda40c
```
#fda40c rgb(253,164,12)
```
#fdb80c
```
#fdb80c rgb(253,184,12)
```

Similar Colors

Text with hexadecimal color #fd7c0c

This text has a font color of #fd7c0c.

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

#fd7c0c background color

This paragraph has a background color of #fd7c0c.

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

#fd7c0c border color

This element has a border color of #fd7c0c.

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

CSS codes

.text {color:#fd7c0c;}

.background {background-color:#fd7c0c;}

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

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

#0a0500
```
#0a0500 rgb(10,5,0)
```
#1d0e00
```
#1d0e00 rgb(29,14,0)
```
#311700
```
#311700 rgb(49,23,0)
```
#442001
```
#442001 rgb(68,32,1)
```
#582901
```
#582901 rgb(88,41,1)
```
#6b3201
```
#6b3201 rgb(107,50,1)
```
#7f3b01
```
#7f3b01 rgb(127,59,1)
```
#924501
```
#924501 rgb(146,69,1)
```
#a64e01
```
#a64e01 rgb(166,78,1)
```
#b95702
```
#b95702 rgb(185,87,2)
```
#cc6002
```
#cc6002 rgb(204,96,2)
```
#e06902
```
#e06902 rgb(224,105,2)
```
#f37202
```
#f37202 rgb(243,114,2)
```

Shade Color Variation

#fd7c0c
```
#fd7c0c rgb(253,124,12)
```
#fd861f
```
#fd861f rgb(253,134,31)
```
#fd9133
```
#fd9133 rgb(253,145,51)
```
#fd9b46
```
#fd9b46 rgb(253,155,70)
```
#fea65a
```
#fea65a rgb(254,166,90)
```
#feb06d
```
#feb06d rgb(254,176,109)
```
#febb81
```
#febb81 rgb(254,187,129)
```
#fec594
```
#fec594 rgb(254,197,148)
```
#fed0a8
```
#fed0a8 rgb(254,208,168)
```
#fedabb
```
#fedabb rgb(254,218,187)
```
#ffe5cf
```
#ffe5cf rgb(255,229,207)
```
#ffefe2
```
#ffefe2 rgb(255,239,226)
```
#fffaf5
```
#fffaf5 rgb(255,250,245)
```

Tint Color Variation

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

#8c847d
```
#8c847d rgb(140,132,125)
```
#958374
```
#958374 rgb(149,131,116)
```
#9f836a
```
#9f836a rgb(159,131,106)
```
#a88261
```
#a88261 rgb(168,130,97)
```
#b28157
```
#b28157 rgb(178,129,87)
```
#bb814e
```
#bb814e rgb(187,129,78)
```
#c48045
```
#c48045 rgb(196,128,69)
```
#ce7f3b
```
#ce7f3b rgb(206,127,59)
```
#d77f32
```
#d77f32 rgb(215,127,50)
```
#e17e28
```
#e17e28 rgb(225,126,40)
```
#ea7d1f
```
#ea7d1f rgb(234,125,31)
```
#f47d15
```
#f47d15 rgb(244,125,21)
```
#fd7c0c
```
#fd7c0c rgb(253,124,12)
```

Tone Color Variation

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

Dichromacy

#b9a523 Protanopia 1% of men
#ce9d00 Deuteranopia 1% of men
#ff7b82 Tritanopia 0.001% of the population

Trichromacy

#d1961a Protanomaly 1% of men, 0.01% of women
#df9104 Deuteranomaly 6% of men, 0.4% of women
#fe7b57 Tritanomaly 0.01% of the population

#fd7c0c hex color

#fd7c0c Color Information

#fd7c0c Color Conversion

Color Schemes with #fd7c0c

Alternatives to #fd7c0c

#fd7c0c Preview

Shades and Tints of #fd7c0c

Tones of #fd7c0c

Color Blindness Simulator