#fd7f0d hex color

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

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

● #fd7f0d color description : Vivid orange.

The hexadecimal color #fd7f0d has RGB values of R:253, G:127, B:13 and CMYK values of C:0, M:0.5, Y:0.95, K:0.01. Its decimal value is 16613133.

Hex triplet	fd7f0d	`#fd7f0d`
RGB Decimal	253, 127, 13	`rgb(253,127,13)`
RGB Percent	99.2, 49.8, 5.1	`rgb(99.2%,49.8%,5.1%)`
CMYK	0, 50, 95, 1
HSL	28.5°, 98.4, 52.2	`hsl(28.5,98.4%,52.2%)`
HSV (or HSB)	28.5°, 94.9, 99.2
Web Safe	ff6600	`#ff6600`

CIE-LAB	66.592, 42.645, 71.695
XYZ	48.172, 36.095, 4.811
xyY	0.541, 0.405, 36.095
CIE-LCH	66.592, 83.419, 59.255
CIE-LUV	66.592, 104.891, 60.146
Hunter-Lab	60.079, 37.984, 37.308
Binary	11111101, 01111111, 00001101

#fd7f0d
```
#fd7f0d rgb(253,127,13)
```
#0d8bfd
```
#0d8bfd rgb(13,139,253)
```

Complementary Color

#fd0d13
```
#fd0d13 rgb(253,13,19)
```
#fd7f0d
```
#fd7f0d rgb(253,127,13)
```
#fdf70d
```
#fdf70d rgb(253,247,13)
```

Analogous Color

#0d13fd
```
#0d13fd rgb(13,19,253)
```
#fd7f0d
```
#fd7f0d rgb(253,127,13)
```
#0dfdf7
```
#0dfdf7 rgb(13,253,247)
```

Split Complementary Color

#7f0dfd
```
#7f0dfd rgb(127,13,253)
```
#fd7f0d
```
#fd7f0d rgb(253,127,13)
```
#0dfd7f
```
#0dfd7f rgb(13,253,127)
```

Triadic Color

#fd0d8b
```
#fd0d8b rgb(253,13,139)
```
#fd7f0d
```
#fd7f0d rgb(253,127,13)
```
#0dfd7f
```
#0dfd7f rgb(13,253,127)
```
#0d8bfd
```
#0d8bfd rgb(13,139,253)
```

Tetradic Color

#bc5a02
```
#bc5a02 rgb(188,90,2)
```
#d56602
```
#d56602 rgb(213,102,2)
```
#ef7202
```
#ef7202 rgb(239,114,2)
```
#fd7f0d
```
#fd7f0d rgb(253,127,13)
```
#fd8c26
```
#fd8c26 rgb(253,140,38)
```
#fd9a40
```
#fd9a40 rgb(253,154,64)
```
#fea759
```
#fea759 rgb(254,167,89)
```

Monochromatic Color

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

#fd430d
```
#fd430d rgb(253,67,13)
```
#fd570d
```
#fd570d rgb(253,87,13)
```
#fd6b0d
```
#fd6b0d rgb(253,107,13)
```
#fd7f0d
```
#fd7f0d rgb(253,127,13)
```
#fd930d
```
#fd930d rgb(253,147,13)
```
#fda70d
```
#fda70d rgb(253,167,13)
```
#fdbb0d
```
#fdbb0d rgb(253,187,13)
```

Similar Colors

Text with hexadecimal color #fd7f0d

This text has a font color of #fd7f0d.

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

#fd7f0d background color

This paragraph has a background color of #fd7f0d.

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

#fd7f0d border color

This element has a border color of #fd7f0d.

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

CSS codes

.text {color:#fd7f0d;}

.background {background-color:#fd7f0d;}

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

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)
```
#1e0f00
```
#1e0f00 rgb(30,15,0)
```
#321800
```
#321800 rgb(50,24,0)
```
#452101
```
#452101 rgb(69,33,1)
```
#592b01
```
#592b01 rgb(89,43,1)
```
#6c3401
```
#6c3401 rgb(108,52,1)
```
#803d01
```
#803d01 rgb(128,61,1)
```
#934701
```
#934701 rgb(147,71,1)
```
#a75001
```
#a75001 rgb(167,80,1)
```
#ba5902
```
#ba5902 rgb(186,89,2)
```
#cd6202
```
#cd6202 rgb(205,98,2)
```
#e16c02
```
#e16c02 rgb(225,108,2)
```
#f47502
```
#f47502 rgb(244,117,2)
```

Shade Color Variation

#fd7f0d
```
#fd7f0d rgb(253,127,13)
```
#fd8920
```
#fd8920 rgb(253,137,32)
```
#fd9434
```
#fd9434 rgb(253,148,52)
```
#fd9e47
```
#fd9e47 rgb(253,158,71)
```
#fea85b
```
#fea85b rgb(254,168,91)
```
#feb26e
```
#feb26e rgb(254,178,110)
```
#febd82
```
#febd82 rgb(254,189,130)
```
#fec795
```
#fec795 rgb(254,199,149)
```
#fed1a9
```
#fed1a9 rgb(254,209,169)
```
#fedcbc
```
#fedcbc rgb(254,220,188)
```
#ffe6d0
```
#ffe6d0 rgb(255,230,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, #8c857e is the less saturated color, while #fd7f0d is the most saturated one.

#8c857e
```
#8c857e rgb(140,133,126)
```
#968474
```
#968474 rgb(150,132,116)
```
#9f846b
```
#9f846b rgb(159,132,107)
```
#a98361
```
#a98361 rgb(169,131,97)
```
#b28358
```
#b28358 rgb(178,131,88)
```
#bb824f
```
#bb824f rgb(187,130,79)
```
#c58245
```
#c58245 rgb(197,130,69)
```
#ce813c
```
#ce813c rgb(206,129,60)
```
#d78133
```
#d78133 rgb(215,129,51)
```
#e18029
```
#e18029 rgb(225,128,41)
```
#ea8020
```
#ea8020 rgb(234,128,32)
```
#f47f16
```
#f47f16 rgb(244,127,22)
```
#fd7f0d
```
#fd7f0d rgb(253,127,13)
```

Tone Color Variation

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

Dichromacy

#baa723 Protanopia 1% of men
#d09e00 Deuteranopia 1% of men
#ff7e85 Tritanopia 0.001% of the population

Trichromacy

#d2981b Protanomaly 1% of men, 0.01% of women
#e09304 Deuteranomaly 6% of men, 0.4% of women
#fe7e59 Tritanomaly 0.01% of the population

#fd7f0d hex color

#fd7f0d Color Information

#fd7f0d Color Conversion

Color Schemes with #fd7f0d

Alternatives to #fd7f0d

#fd7f0d Preview

Shades and Tints of #fd7f0d

Tones of #fd7f0d

Color Blindness Simulator