#fd520f hex color

In a RGB color space, hex #fd520f is composed of 99.2% red, 32.2% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.6% magenta, 94.1% yellow and 0.8% black. It has a hue angle of 16.9 degrees, a saturation of 98.3% and a lightness of 52.5%. #fd520f color hex could be obtained by blending #ffa41e with #fb0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 99
- G 32
- B 6
RGB color chart
- C 0
- M 68
- Y 94
- K 1
CMYK color chart

● #fd520f color description : Vivid orange.

The hexadecimal color #fd520f has RGB values of R:253, G:82, B:15 and CMYK values of C:0, M:0.68, Y:0.94, K:0.01. Its decimal value is 16601615.

Hex triplet	fd520f	`#fd520f`
RGB Decimal	253, 82, 15	`rgb(253,82,15)`
RGB Percent	99.2, 32.2, 5.9	`rgb(99.2%,32.2%,5.9%)`
CMYK	0, 68, 94, 1
HSL	16.9°, 98.3, 52.5	`hsl(16.9,98.3%,52.5%)`
HSV (or HSB)	16.9°, 94.1, 99.2
Web Safe	ff6600	`#ff6600`

CIE-LAB	58.934, 62.661, 66.473
XYZ	43.614, 26.957, 3.359
xyY	0.59, 0.365, 26.957
CIE-LCH	58.934, 91.352, 46.691
CIE-LUV	58.934, 140.228, 46.991
Hunter-Lab	51.92, 59.083, 32.509
Binary	11111101, 01010010, 00001111

#fd520f
```
#fd520f rgb(253,82,15)
```
#0fbafd
```
#0fbafd rgb(15,186,253)
```

Complementary Color

#fd0f43
```
#fd0f43 rgb(253,15,67)
```
#fd520f
```
#fd520f rgb(253,82,15)
```
#fdc90f
```
#fdc90f rgb(253,201,15)
```

Analogous Color

#0f43fd
```
#0f43fd rgb(15,67,253)
```
#fd520f
```
#fd520f rgb(253,82,15)
```
#0ffdc9
```
#0ffdc9 rgb(15,253,201)
```

Split Complementary Color

#520ffd
```
#520ffd rgb(82,15,253)
```
#fd520f
```
#fd520f rgb(253,82,15)
```
#0ffd52
```
#0ffd52 rgb(15,253,82)
```

Triadic Color

#fd0fba
```
#fd0fba rgb(253,15,186)
```
#fd520f
```
#fd520f rgb(253,82,15)
```
#0ffd52
```
#0ffd52 rgb(15,253,82)
```
#0fbafd
```
#0fbafd rgb(15,186,253)
```

Tetradic Color

#be3702
```
#be3702 rgb(190,55,2)
```
#d73e02
```
#d73e02 rgb(215,62,2)
```
#f04502
```
#f04502 rgb(240,69,2)
```
#fd520f
```
#fd520f rgb(253,82,15)
```
#fd6428
```
#fd6428 rgb(253,100,40)
```
#fd7642
```
#fd7642 rgb(253,118,66)
```
#fe895b
```
#fe895b rgb(254,137,91)
```

Monochromatic Color

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

#fd160f
```
#fd160f rgb(253,22,15)
```
#fd2a0f
```
#fd2a0f rgb(253,42,15)
```
#fd3e0f
```
#fd3e0f rgb(253,62,15)
```
#fd520f
```
#fd520f rgb(253,82,15)
```
#fd660f
```
#fd660f rgb(253,102,15)
```
#fd7a0f
```
#fd7a0f rgb(253,122,15)
```
#fd8e0f
```
#fd8e0f rgb(253,142,15)
```

Similar Colors

Text with hexadecimal color #fd520f

This text has a font color of #fd520f.

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

#fd520f background color

This paragraph has a background color of #fd520f.

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

#fd520f border color

This element has a border color of #fd520f.

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

CSS codes

.text {color:#fd520f;}

.background {background-color:#fd520f;}

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

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

#0d0400
```
#0d0400 rgb(13,4,0)
```
#200900
```
#200900 rgb(32,9,0)
```
#340f00
```
#340f00 rgb(52,15,0)
```
#471401
```
#471401 rgb(71,20,1)
```
#5b1a01
```
#5b1a01 rgb(91,26,1)
```
#6e2001
```
#6e2001 rgb(110,32,1)
```
#822501
```
#822501 rgb(130,37,1)
```
#952b01
```
#952b01 rgb(149,43,1)
```
#a93001
```
#a93001 rgb(169,48,1)
```
#bc3602
```
#bc3602 rgb(188,54,2)
```
#cf3c02
```
#cf3c02 rgb(207,60,2)
```
#e34102
```
#e34102 rgb(227,65,2)
```
#f64702
```
#f64702 rgb(246,71,2)
```

Shade Color Variation

#fd520f
```
#fd520f rgb(253,82,15)
```
#fd6022
```
#fd6022 rgb(253,96,34)
```
#fd6e36
```
#fd6e36 rgb(253,110,54)
```
#fd7c49
```
#fd7c49 rgb(253,124,73)
```
#fe8a5d
```
#fe8a5d rgb(254,138,93)
```
#fe9870
```
#fe9870 rgb(254,152,112)
```
#fea684
```
#fea684 rgb(254,166,132)
```
#feb497
```
#feb497 rgb(254,180,151)
```
#fec2ab
```
#fec2ab rgb(254,194,171)
```
#fed0be
```
#fed0be rgb(254,208,190)
```
#ffded2
```
#ffded2 rgb(255,222,210)
```
#ffece5
```
#ffece5 rgb(255,236,229)
```
#fffaf8
```
#fffaf8 rgb(255,250,248)
```

Tint Color Variation

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

#8d837f
```
#8d837f rgb(141,131,127)
```
#977f75
```
#977f75 rgb(151,127,117)
```
#a07b6c
```
#a07b6c rgb(160,123,108)
```
#a97763
```
#a97763 rgb(169,119,99)
```
#b37359
```
#b37359 rgb(179,115,89)
```
#bc6e50
```
#bc6e50 rgb(188,110,80)
```
#c56a47
```
#c56a47 rgb(197,106,71)
```
#ce663e
```
#ce663e rgb(206,102,62)
```
#d86234
```
#d86234 rgb(216,98,52)
```
#e15e2b
```
#e15e2b rgb(225,94,43)
```
#ea5a22
```
#ea5a22 rgb(234,90,34)
```
#f45618
```
#f45618 rgb(244,86,24)
```
#fd520f
```
#fd520f rgb(253,82,15)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#977467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59329 Protanopia 1% of men
#b88c00 Deuteranopia 1% of men
#fe5559 Tritanopia 0.001% of the population

Trichromacy

#c57b20 Protanomaly 1% of men, 0.01% of women
#d17705 Deuteranomaly 6% of men, 0.4% of women
#fd543e Tritanomaly 0.01% of the population

#fd520f hex color

#fd520f Color Information

#fd520f Color Conversion

Color Schemes with #fd520f

Alternatives to #fd520f

#fd520f Preview

Shades and Tints of #fd520f

Tones of #fd520f

Color Blindness Simulator