colorhexa.com

#fd7c0d hex color

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

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

● #fd7c0d color description : Vivid orange.

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

Hex triplet	fd7c0d	`#fd7c0d`
RGB Decimal	253, 124, 13	`rgb(253,124,13)`
RGB Percent	99.2, 48.6, 5.1	`rgb(99.2%,48.6%,5.1%)`
CMYK	0, 51, 95, 1
HSL	27.8°, 98.4, 52.2	`hsl(27.8,98.4%,52.2%)`
HSV (or HSB)	27.8°, 94.9, 99.2
Web Safe	ff6600	`#ff6600`

CIE-LAB	66.006, 44.117, 71.312
XYZ	47.79, 35.332, 4.684
xyY	0.544, 0.402, 35.332
CIE-LCH	66.006, 83.856, 58.257
CIE-LUV	66.006, 107.403, 59.179
Hunter-Lab	59.44, 39.494, 36.936
Binary	11111101, 01111100, 00001101

#fd7c0d
```
#fd7c0d rgb(253,124,13)
```
#0d8efd
```
#0d8efd rgb(13,142,253)
```

Complementary Color

#fd0d16
```
#fd0d16 rgb(253,13,22)
```
#fd7c0d
```
#fd7c0d rgb(253,124,13)
```
#fdf40d
```
#fdf40d rgb(253,244,13)
```

Analogous Color

#0d16fd
```
#0d16fd rgb(13,22,253)
```
#fd7c0d
```
#fd7c0d rgb(253,124,13)
```
#0dfdf4
```
#0dfdf4 rgb(13,253,244)
```

Split Complementary Color

#7c0dfd
```
#7c0dfd rgb(124,13,253)
```
#fd7c0d
```
#fd7c0d rgb(253,124,13)
```
#0dfd7c
```
#0dfd7c rgb(13,253,124)
```

Triadic Color

#fd0d8e
```
#fd0d8e rgb(253,13,142)
```
#fd7c0d
```
#fd7c0d rgb(253,124,13)
```
#0dfd7c
```
#0dfd7c rgb(13,253,124)
```
#0d8efd
```
#0d8efd rgb(13,142,253)
```

Tetradic Color

#bc5802
```
#bc5802 rgb(188,88,2)
```
#d56402
```
#d56402 rgb(213,100,2)
```
#ef6f02
```
#ef6f02 rgb(239,111,2)
```
#fd7c0d
```
#fd7c0d rgb(253,124,13)
```
#fd8a26
```
#fd8a26 rgb(253,138,38)
```
#fd9740
```
#fd9740 rgb(253,151,64)
```
#fea559
```
#fea559 rgb(254,165,89)
```

Monochromatic Color

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

#fd400d
```
#fd400d rgb(253,64,13)
```
#fd540d
```
#fd540d rgb(253,84,13)
```
#fd680d
```
#fd680d rgb(253,104,13)
```
#fd7c0d
```
#fd7c0d rgb(253,124,13)
```
#fd900d
```
#fd900d rgb(253,144,13)
```
#fda40d
```
#fda40d rgb(253,164,13)
```
#fdb80d
```
#fdb80d rgb(253,184,13)
```

Similar Colors

Text with hexadecimal color #fd7c0d

This text has a font color of #fd7c0d.

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

#fd7c0d background color

This paragraph has a background color of #fd7c0d.

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

#fd7c0d border color

This element has a border color of #fd7c0d.

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

CSS codes

.text {color:#fd7c0d;}

.background {background-color:#fd7c0d;}

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

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

#0b0500
```
#0b0500 rgb(11,5,0)
```
#1e0e00
```
#1e0e00 rgb(30,14,0)
```
#321700
```
#321700 rgb(50,23,0)
```
#452001
```
#452001 rgb(69,32,1)
```
#592901
```
#592901 rgb(89,41,1)
```
#6c3301
```
#6c3301 rgb(108,51,1)
```
#803c01
```
#803c01 rgb(128,60,1)
```
#934501
```
#934501 rgb(147,69,1)
```
#a74e01
```
#a74e01 rgb(167,78,1)
```
#ba5702
```
#ba5702 rgb(186,87,2)
```
#cd6002
```
#cd6002 rgb(205,96,2)
```
#e16902
```
#e16902 rgb(225,105,2)
```
#f47202
```
#f47202 rgb(244,114,2)
```

Shade Color Variation

#fd7c0d
```
#fd7c0d rgb(253,124,13)
```
#fd8720
```
#fd8720 rgb(253,135,32)
```
#fd9134
```
#fd9134 rgb(253,145,52)
```
#fd9c47
```
#fd9c47 rgb(253,156,71)
```
#fea65b
```
#fea65b rgb(254,166,91)
```
#feb16e
```
#feb16e rgb(254,177,110)
```
#febb82
```
#febb82 rgb(254,187,130)
```
#fec695
```
#fec695 rgb(254,198,149)
```
#fed0a9
```
#fed0a9 rgb(254,208,169)
```
#fedbbc
```
#fedbbc rgb(254,219,188)
```
#ffe5d0
```
#ffe5d0 rgb(255,229,208)
```
#fff0e3
```
#fff0e3 rgb(255,240,227)
```
#fffaf6
```
#fffaf6 rgb(255,250,246)
```

Tint Color Variation

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

#8c847e
```
#8c847e rgb(140,132,126)
```
#968474
```
#968474 rgb(150,132,116)
```
#9f836b
```
#9f836b rgb(159,131,107)
```
#a98261
```
#a98261 rgb(169,130,97)
```
#b28258
```
#b28258 rgb(178,130,88)
```
#bb814f
```
#bb814f rgb(187,129,79)
```
#c58045
```
#c58045 rgb(197,128,69)
```
#ce803c
```
#ce803c rgb(206,128,60)
```
#d77f33
```
#d77f33 rgb(215,127,51)
```
#e17e29
```
#e17e29 rgb(225,126,41)
```
#ea7d20
```
#ea7d20 rgb(234,125,32)
```
#f47d16
```
#f47d16 rgb(244,125,22)
```
#fd7c0d
```
#fd7c0d rgb(253,124,13)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

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