#fd5f0c hex color

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

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

● #fd5f0c color description : Vivid orange.

The hexadecimal color #fd5f0c has RGB values of R:253, G:95, B:12 and CMYK values of C:0, M:0.62, Y:0.95, K:0.01. Its decimal value is 16604940.

Hex triplet	fd5f0c	`#fd5f0c`
RGB Decimal	253, 95, 12	`rgb(253,95,12)`
RGB Percent	99.2, 37.3, 4.7	`rgb(99.2%,37.3%,4.7%)`
CMYK	0, 62, 95, 1
HSL	20.7°, 98.4, 52	`hsl(20.7,98.4%,52%)`
HSV (or HSB)	20.7°, 95.3, 99.2
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.869, 57.409, 68.267
XYZ	44.669, 29.099, 3.612
xyY	0.577, 0.376, 29.099
CIE-LCH	60.869, 89.198, 49.938
CIE-LUV	60.869, 130.825, 50.62
Hunter-Lab	53.943, 53.41, 33.79
Binary	11111101, 01011111, 00001100

#fd5f0c
```
#fd5f0c rgb(253,95,12)
```
#0caafd
```
#0caafd rgb(12,170,253)
```

Complementary Color

#fd0c32
```
#fd0c32 rgb(253,12,50)
```
#fd5f0c
```
#fd5f0c rgb(253,95,12)
```
#fdd80c
```
#fdd80c rgb(253,216,12)
```

Analogous Color

#0c32fd
```
#0c32fd rgb(12,50,253)
```
#fd5f0c
```
#fd5f0c rgb(253,95,12)
```
#0cfdd8
```
#0cfdd8 rgb(12,253,216)
```

Split Complementary Color

#5f0cfd
```
#5f0cfd rgb(95,12,253)
```
#fd5f0c
```
#fd5f0c rgb(253,95,12)
```
#0cfd5f
```
#0cfd5f rgb(12,253,95)
```

Triadic Color

#fd0caa
```
#fd0caa rgb(253,12,170)
```
#fd5f0c
```
#fd5f0c rgb(253,95,12)
```
#0cfd5f
```
#0cfd5f rgb(12,253,95)
```
#0caafd
```
#0caafd rgb(12,170,253)
```

Tetradic Color

#bb4102
```
#bb4102 rgb(187,65,2)
```
#d44a02
```
#d44a02 rgb(212,74,2)
```
#ee5302
```
#ee5302 rgb(238,83,2)
```
#fd5f0c
```
#fd5f0c rgb(253,95,12)
```
#fd7025
```
#fd7025 rgb(253,112,37)
```
#fd803f
```
#fd803f rgb(253,128,63)
```
#fe9158
```
#fe9158 rgb(254,145,88)
```

Monochromatic Color

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

#fd230c
```
#fd230c rgb(253,35,12)
```
#fd370c
```
#fd370c rgb(253,55,12)
```
#fd4b0c
```
#fd4b0c rgb(253,75,12)
```
#fd5f0c
```
#fd5f0c rgb(253,95,12)
```
#fd730c
```
#fd730c rgb(253,115,12)
```
#fd870c
```
#fd870c rgb(253,135,12)
```
#fd9b0c
```
#fd9b0c rgb(253,155,12)
```

Similar Colors

Text with hexadecimal color #fd5f0c

This text has a font color of #fd5f0c.

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

#fd5f0c background color

This paragraph has a background color of #fd5f0c.

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

#fd5f0c border color

This element has a border color of #fd5f0c.

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

CSS codes

.text {color:#fd5f0c;}

.background {background-color:#fd5f0c;}

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

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

#0a0300
```
#0a0300 rgb(10,3,0)
```
#1d0a00
```
#1d0a00 rgb(29,10,0)
```
#311100
```
#311100 rgb(49,17,0)
```
#441801
```
#441801 rgb(68,24,1)
```
#581f01
```
#581f01 rgb(88,31,1)
```
#6b2501
```
#6b2501 rgb(107,37,1)
```
#7f2c01
```
#7f2c01 rgb(127,44,1)
```
#923301
```
#923301 rgb(146,51,1)
```
#a63a01
```
#a63a01 rgb(166,58,1)
```
#b94102
```
#b94102 rgb(185,65,2)
```
#cc4802
```
#cc4802 rgb(204,72,2)
```
#e04e02
```
#e04e02 rgb(224,78,2)
```
#f35502
```
#f35502 rgb(243,85,2)
```

Shade Color Variation

#fd5f0c
```
#fd5f0c rgb(253,95,12)
```
#fd6c1f
```
#fd6c1f rgb(253,108,31)
```
#fd7933
```
#fd7933 rgb(253,121,51)
```
#fd8546
```
#fd8546 rgb(253,133,70)
```
#fe925a
```
#fe925a rgb(254,146,90)
```
#fe9f6d
```
#fe9f6d rgb(254,159,109)
```
#feac81
```
#feac81 rgb(254,172,129)
```
#feb994
```
#feb994 rgb(254,185,148)
```
#fec5a8
```
#fec5a8 rgb(254,197,168)
```
#fed2bb
```
#fed2bb rgb(254,210,187)
```
#ffdfcf
```
#ffdfcf rgb(255,223,207)
```
#ffece2
```
#ffece2 rgb(255,236,226)
```
#fff9f5
```
#fff9f5 rgb(255,249,245)
```

Tint Color Variation

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

#8c827d
```
#8c827d rgb(140,130,125)
```
#957f74
```
#957f74 rgb(149,127,116)
```
#9f7c6a
```
#9f7c6a rgb(159,124,106)
```
#a87961
```
#a87961 rgb(168,121,97)
```
#b27657
```
#b27657 rgb(178,118,87)
```
#bb744e
```
#bb744e rgb(187,116,78)
```
#c47145
```
#c47145 rgb(196,113,69)
```
#ce6e3b
```
#ce6e3b rgb(206,110,59)
```
#d76b32
```
#d76b32 rgb(215,107,50)
```
#e16828
```
#e16828 rgb(225,104,40)
```
#ea651f
```
#ea651f rgb(234,101,31)
```
#f46215
```
#f46215 rgb(244,98,21)
```
#fd5f0c
```
#fd5f0c rgb(253,95,12)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#9d7d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9826 Protanopia 1% of men
#be9100 Deuteranopia 1% of men
#ff6166 Tritanopia 0.001% of the population

Trichromacy

#c8831c Protanomaly 1% of men, 0.01% of women
#d57e04 Deuteranomaly 6% of men, 0.4% of women
#fe6045 Tritanomaly 0.01% of the population

#fd5f0c hex color

#fd5f0c Color Information

#fd5f0c Color Conversion

Color Schemes with #fd5f0c

Alternatives to #fd5f0c

#fd5f0c Preview

Shades and Tints of #fd5f0c

Tones of #fd5f0c

Color Blindness Simulator