#fd950c hex color

In a RGB color space, hex #fd950c is composed of 99.2% red, 58.4% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.1% magenta, 95.3% yellow and 0.8% black. It has a hue angle of 34.1 degrees, a saturation of 98.4% and a lightness of 52%. #fd950c color hex could be obtained by blending #ffff18 with #fb2b00. Closest websafe color is: #ff9900.

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

● #fd950c color description : Vivid orange.

The hexadecimal color #fd950c has RGB values of R:253, G:149, B:12 and CMYK values of C:0, M:0.41, Y:0.95, K:0.01. Its decimal value is 16618764.

Hex triplet	fd950c	`#fd950c`
RGB Decimal	253, 149, 12	`rgb(253,149,12)`
RGB Percent	99.2, 58.4, 4.7	`rgb(99.2%,58.4%,4.7%)`
CMYK	0, 41, 95, 1
HSL	34.1°, 98.4, 52	`hsl(34.1,98.4%,52%)`
HSV (or HSB)	34.1°, 95.3, 99.2
Web Safe	ff9900	`#ff9900`

CIE-LAB	71.152, 31.505, 74.877
XYZ	51.324, 42.408, 5.831
xyY	0.515, 0.426, 42.408
CIE-LCH	71.152, 81.235, 67.181
CIE-LUV	71.152, 86.376, 67.608
Hunter-Lab	65.122, 26.716, 40.277
Binary	11111101, 10010101, 00001100

#fd950c
```
#fd950c rgb(253,149,12)
```
#0c74fd
```
#0c74fd rgb(12,116,253)
```

Complementary Color

#fd1d0c
```
#fd1d0c rgb(253,29,12)
```
#fd950c
```
#fd950c rgb(253,149,12)
```
#edfd0c
```
#edfd0c rgb(237,253,12)
```

Analogous Color

#1c0cfd
```
#1c0cfd rgb(28,12,253)
```
#fd950c
```
#fd950c rgb(253,149,12)
```
#0cedfd
```
#0cedfd rgb(12,237,253)
```

Split Complementary Color

#950cfd
```
#950cfd rgb(149,12,253)
```
#fd950c
```
#fd950c rgb(253,149,12)
```
#0cfd95
```
#0cfd95 rgb(12,253,149)
```

Triadic Color

#fd0c74
```
#fd0c74 rgb(253,12,116)
```
#fd950c
```
#fd950c rgb(253,149,12)
```
#0cfd95
```
#0cfd95 rgb(12,253,149)
```
#0c74fd
```
#0c74fd rgb(12,116,253)
```

Tetradic Color

#bb6b02
```
#bb6b02 rgb(187,107,2)
```
#d47902
```
#d47902 rgb(212,121,2)
```
#ee8802
```
#ee8802 rgb(238,136,2)
```
#fd950c
```
#fd950c rgb(253,149,12)
```
#fda025
```
#fda025 rgb(253,160,37)
```
#fdab3f
```
#fdab3f rgb(253,171,63)
```
#feb658
```
#feb658 rgb(254,182,88)
```

Monochromatic Color

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

#fd590c
```
#fd590c rgb(253,89,12)
```
#fd6d0c
```
#fd6d0c rgb(253,109,12)
```
#fd810c
```
#fd810c rgb(253,129,12)
```
#fd950c
```
#fd950c rgb(253,149,12)
```
#fda90c
```
#fda90c rgb(253,169,12)
```
#fdbd0c
```
#fdbd0c rgb(253,189,12)
```
#fdd10c
```
#fdd10c rgb(253,209,12)
```

Similar Colors

Text with hexadecimal color #fd950c

This text has a font color of #fd950c.

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

#fd950c background color

This paragraph has a background color of #fd950c.

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

#fd950c border color

This element has a border color of #fd950c.

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

CSS codes

.text {color:#fd950c;}

.background {background-color:#fd950c;}

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

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

#0a0600
```
#0a0600 rgb(10,6,0)
```
#1d1100
```
#1d1100 rgb(29,17,0)
```
#311c00
```
#311c00 rgb(49,28,0)
```
#442701
```
#442701 rgb(68,39,1)
```
#583201
```
#583201 rgb(88,50,1)
```
#6b3d01
```
#6b3d01 rgb(107,61,1)
```
#7f4801
```
#7f4801 rgb(127,72,1)
```
#925401
```
#925401 rgb(146,84,1)
```
#a65f01
```
#a65f01 rgb(166,95,1)
```
#b96a02
```
#b96a02 rgb(185,106,2)
```
#cc7502
```
#cc7502 rgb(204,117,2)
```
#e08002
```
#e08002 rgb(224,128,2)
```
#f38b02
```
#f38b02 rgb(243,139,2)
```

Shade Color Variation

#fd950c
```
#fd950c rgb(253,149,12)
```
#fd9d1f
```
#fd9d1f rgb(253,157,31)
```
#fda633
```
#fda633 rgb(253,166,51)
```
#fdae46
```
#fdae46 rgb(253,174,70)
```
#feb75a
```
#feb75a rgb(254,183,90)
```
#febf6d
```
#febf6d rgb(254,191,109)
```
#fec881
```
#fec881 rgb(254,200,129)
```
#fed094
```
#fed094 rgb(254,208,148)
```
#fed9a8
```
#fed9a8 rgb(254,217,168)
```
#fee1bb
```
#fee1bb rgb(254,225,187)
```
#ffeacf
```
#ffeacf rgb(255,234,207)
```
#fff2e2
```
#fff2e2 rgb(255,242,226)
```
#fffbf5
```
#fffbf5 rgb(255,251,245)
```

Tint Color Variation

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

#8c867d
```
#8c867d rgb(140,134,125)
```
#958774
```
#958774 rgb(149,135,116)
```
#9f886a
```
#9f886a rgb(159,136,106)
```
#a88961
```
#a88961 rgb(168,137,97)
```
#b28b57
```
#b28b57 rgb(178,139,87)
```
#bb8c4e
```
#bb8c4e rgb(187,140,78)
```
#c48d45
```
#c48d45 rgb(196,141,69)
```
#ce8f3b
```
#ce8f3b rgb(206,143,59)
```
#d79032
```
#d79032 rgb(215,144,50)
```
#e19128
```
#e19128 rgb(225,145,40)
```
#ea921f
```
#ea921f rgb(234,146,31)
```
#f49415
```
#f49415 rgb(244,148,21)
```
#fd950c
```
#fd950c rgb(253,149,12)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#b6a186 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b220 Protanopia 1% of men
#dfa900 Deuteranopia 1% of men
#ff929b Tritanopia 0.001% of the population

Trichromacy

#dba719 Protanomaly 1% of men, 0.01% of women
#eaa204 Deuteranomaly 6% of men, 0.4% of women
#fe9367 Tritanomaly 0.01% of the population

#fd950c hex color

#fd950c Color Information

#fd950c Color Conversion

Color Schemes with #fd950c

Alternatives to #fd950c

#fd950c Preview

Shades and Tints of #fd950c

Tones of #fd950c

Color Blindness Simulator