#fd500c hex color

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

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

● #fd500c color description : Vivid orange.

The hexadecimal color #fd500c has RGB values of R:253, G:80, B:12 and CMYK values of C:0, M:0.68, Y:0.95, K:0.01. Its decimal value is 16601100.

Hex triplet	fd500c	`#fd500c`
RGB Decimal	253, 80, 12	`rgb(253,80,12)`
RGB Percent	99.2, 31.4, 4.7	`rgb(99.2%,31.4%,4.7%)`
CMYK	0, 68, 95, 1
HSL	16.9°, 98.4, 52	`hsl(16.9,98.4%,52%)`
HSV (or HSB)	16.9°, 95.3, 99.2
Web Safe	ff6600	`#ff6600`

CIE-LAB	58.651, 63.388, 66.959
XYZ	43.445, 26.652, 3.205
xyY	0.593, 0.364, 26.652
CIE-LCH	58.651, 92.203, 46.569
CIE-LUV	58.651, 141.758, 46.785
Hunter-Lab	51.625, 59.872, 32.457
Binary	11111101, 01010000, 00001100

#fd500c
```
#fd500c rgb(253,80,12)
```
#0cb9fd
```
#0cb9fd rgb(12,185,253)
```

Complementary Color

#fd0c41
```
#fd0c41 rgb(253,12,65)
```
#fd500c
```
#fd500c rgb(253,80,12)
```
#fdc90c
```
#fdc90c rgb(253,201,12)
```

Analogous Color

#0c41fd
```
#0c41fd rgb(12,65,253)
```
#fd500c
```
#fd500c rgb(253,80,12)
```
#0cfdc9
```
#0cfdc9 rgb(12,253,201)
```

Split Complementary Color

#500cfd
```
#500cfd rgb(80,12,253)
```
#fd500c
```
#fd500c rgb(253,80,12)
```
#0cfd50
```
#0cfd50 rgb(12,253,80)
```

Triadic Color

#fd0cb9
```
#fd0cb9 rgb(253,12,185)
```
#fd500c
```
#fd500c rgb(253,80,12)
```
#0cfd50
```
#0cfd50 rgb(12,253,80)
```
#0cb9fd
```
#0cb9fd rgb(12,185,253)
```

Tetradic Color

#bb3602
```
#bb3602 rgb(187,54,2)
```
#d43d02
```
#d43d02 rgb(212,61,2)
```
#ee4402
```
#ee4402 rgb(238,68,2)
```
#fd500c
```
#fd500c rgb(253,80,12)
```
#fd6225
```
#fd6225 rgb(253,98,37)
```
#fd743f
```
#fd743f rgb(253,116,63)
```
#fe8758
```
#fe8758 rgb(254,135,88)
```

Monochromatic Color

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

#fd140c
```
#fd140c rgb(253,20,12)
```
#fd280c
```
#fd280c rgb(253,40,12)
```
#fd3c0c
```
#fd3c0c rgb(253,60,12)
```
#fd500c
```
#fd500c rgb(253,80,12)
```
#fd640c
```
#fd640c rgb(253,100,12)
```
#fd780c
```
#fd780c rgb(253,120,12)
```
#fd8c0c
```
#fd8c0c rgb(253,140,12)
```

Similar Colors

Text with hexadecimal color #fd500c

This text has a font color of #fd500c.

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

#fd500c background color

This paragraph has a background color of #fd500c.

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

#fd500c border color

This element has a border color of #fd500c.

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

CSS codes

.text {color:#fd500c;}

.background {background-color:#fd500c;}

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

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 #fff8f5 is the lightest one.

#0a0300
```
#0a0300 rgb(10,3,0)
```
#1d0800
```
#1d0800 rgb(29,8,0)
```
#310e00
```
#310e00 rgb(49,14,0)
```
#441401
```
#441401 rgb(68,20,1)
```
#581901
```
#581901 rgb(88,25,1)
```
#6b1f01
```
#6b1f01 rgb(107,31,1)
```
#7f2401
```
#7f2401 rgb(127,36,1)
```
#922a01
```
#922a01 rgb(146,42,1)
```
#a63001
```
#a63001 rgb(166,48,1)
```
#b93502
```
#b93502 rgb(185,53,2)
```
#cc3b02
```
#cc3b02 rgb(204,59,2)
```
#e04102
```
#e04102 rgb(224,65,2)
```
#f34602
```
#f34602 rgb(243,70,2)
```

Shade Color Variation

#fd500c
```
#fd500c rgb(253,80,12)
```
#fd5e1f
```
#fd5e1f rgb(253,94,31)
```
#fd6c33
```
#fd6c33 rgb(253,108,51)
```
#fd7a46
```
#fd7a46 rgb(253,122,70)
```
#fe885a
```
#fe885a rgb(254,136,90)
```
#fe966d
```
#fe966d rgb(254,150,109)
```
#fea481
```
#fea481 rgb(254,164,129)
```
#feb294
```
#feb294 rgb(254,178,148)
```
#fec0a8
```
#fec0a8 rgb(254,192,168)
```
#fecebb
```
#fecebb rgb(254,206,187)
```
#ffdccf
```
#ffdccf rgb(255,220,207)
```
#ffeae2
```
#ffeae2 rgb(255,234,226)
```
#fff8f5
```
#fff8f5 rgb(255,248,245)
```

Tint Color Variation

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

#8c817d
```
#8c817d rgb(140,129,125)
```
#957d74
```
#957d74 rgb(149,125,116)
```
#9f796a
```
#9f796a rgb(159,121,106)
```
#a87561
```
#a87561 rgb(168,117,97)
```
#b27157
```
#b27157 rgb(178,113,87)
```
#bb6d4e
```
#bb6d4e rgb(187,109,78)
```
#c46945
```
#c46945 rgb(196,105,69)
```
#ce653b
```
#ce653b rgb(206,101,59)
```
#d76032
```
#d76032 rgb(215,96,50)
```
#e15c28
```
#e15c28 rgb(225,92,40)
```
#ea581f
```
#ea581f rgb(234,88,31)
```
#f45415
```
#f45415 rgb(244,84,21)
```
#fd500c
```
#fd500c rgb(253,80,12)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#967366 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49327 Protanopia 1% of men
#b78c00 Deuteranopia 1% of men
#fe5357 Tritanopia 0.001% of the population

Trichromacy

#c47a1d Protanomaly 1% of men, 0.01% of women
#d07604 Deuteranomaly 6% of men, 0.4% of women
#fd523b Tritanomaly 0.01% of the population

#fd500c hex color

#fd500c Color Information

#fd500c Color Conversion

Color Schemes with #fd500c

Alternatives to #fd500c

#fd500c Preview

Shades and Tints of #fd500c

Tones of #fd500c

Color Blindness Simulator