#fd970b hex color

In a RGB color space, hex #fd970b is composed of 99.2% red, 59.2% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.3% magenta, 95.7% yellow and 0.8% black. It has a hue angle of 34.7 degrees, a saturation of 98.4% and a lightness of 51.8%. #fd970b color hex could be obtained by blending #ffff16 with #fb2f00. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 99
- G 59
- B 4
RGB color chart
- C 0
- M 40
- Y 96
- K 1
CMYK color chart

● #fd970b color description : Vivid orange.

The hexadecimal color #fd970b has RGB values of R:253, G:151, B:11 and CMYK values of C:0, M:0.4, Y:0.96, K:0.01. Its decimal value is 16619275.

Hex triplet	fd970b	`#fd970b`
RGB Decimal	253, 151, 11	`rgb(253,151,11)`
RGB Percent	99.2, 59.2, 4.3	`rgb(99.2%,59.2%,4.3%)`
CMYK	0, 40, 96, 1
HSL	34.7°, 98.4, 51.8	`hsl(34.7,98.4%,51.8%)`
HSV (or HSB)	34.7°, 95.7, 99.2
Web Safe	ff9900	`#ff9900`

CIE-LAB	71.585, 30.463, 75.302
XYZ	51.637, 43.044, 5.906
xyY	0.513, 0.428, 43.044
CIE-LCH	71.585, 81.231, 67.975
CIE-LUV	71.585, 84.713, 68.368
Hunter-Lab	65.608, 25.674, 40.589
Binary	11111101, 10010111, 00001011

#fd970b
```
#fd970b rgb(253,151,11)
```
#0b71fd
```
#0b71fd rgb(11,113,253)
```

Complementary Color

#fd1e0b
```
#fd1e0b rgb(253,30,11)
```
#fd970b
```
#fd970b rgb(253,151,11)
```
#eafd0b
```
#eafd0b rgb(234,253,11)
```

Analogous Color

#1e0bfd
```
#1e0bfd rgb(30,11,253)
```
#fd970b
```
#fd970b rgb(253,151,11)
```
#0beafd
```
#0beafd rgb(11,234,253)
```

Split Complementary Color

#970bfd
```
#970bfd rgb(151,11,253)
```
#fd970b
```
#fd970b rgb(253,151,11)
```
#0bfd97
```
#0bfd97 rgb(11,253,151)
```

Triadic Color

#fd0b71
```
#fd0b71 rgb(253,11,113)
```
#fd970b
```
#fd970b rgb(253,151,11)
```
#0bfd97
```
#0bfd97 rgb(11,253,151)
```
#0b71fd
```
#0b71fd rgb(11,113,253)
```

Tetradic Color

#ba6c02
```
#ba6c02 rgb(186,108,2)
```
#d37b02
```
#d37b02 rgb(211,123,2)
```
#ed8a02
```
#ed8a02 rgb(237,138,2)
```
#fd970b
```
#fd970b rgb(253,151,11)
```
#fda224
```
#fda224 rgb(253,162,36)
```
#fdad3e
```
#fdad3e rgb(253,173,62)
```
#feb757
```
#feb757 rgb(254,183,87)
```

Monochromatic Color

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

#fd5b0b
```
#fd5b0b rgb(253,91,11)
```
#fd6f0b
```
#fd6f0b rgb(253,111,11)
```
#fd830b
```
#fd830b rgb(253,131,11)
```
#fd970b
```
#fd970b rgb(253,151,11)
```
#fdab0b
```
#fdab0b rgb(253,171,11)
```
#fdbf0b
```
#fdbf0b rgb(253,191,11)
```
#fdd40b
```
#fdd40b rgb(253,212,11)
```

Similar Colors

Text with hexadecimal color #fd970b

This text has a font color of #fd970b.

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

#fd970b background color

This paragraph has a background color of #fd970b.

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

#fd970b border color

This element has a border color of #fd970b.

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

CSS codes

.text {color:#fd970b;}

.background {background-color:#fd970b;}

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

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, #090500 is the darkest color, while #fffbf4 is the lightest one.

#090500
```
#090500 rgb(9,5,0)
```
#1c1100
```
#1c1100 rgb(28,17,0)
```
#301c00
```
#301c00 rgb(48,28,0)
```
#432701
```
#432701 rgb(67,39,1)
```
#573201
```
#573201 rgb(87,50,1)
```
#6a3e01
```
#6a3e01 rgb(106,62,1)
```
#7e4901
```
#7e4901 rgb(126,73,1)
```
#915401
```
#915401 rgb(145,84,1)
```
#a56001
```
#a56001 rgb(165,96,1)
```
#b86b02
```
#b86b02 rgb(184,107,2)
```
#cb7602
```
#cb7602 rgb(203,118,2)
```
#df8202
```
#df8202 rgb(223,130,2)
```
#f28d02
```
#f28d02 rgb(242,141,2)
```

Shade Color Variation

#fd970b
```
#fd970b rgb(253,151,11)
```
#fd9f1e
```
#fd9f1e rgb(253,159,30)
```
#fda832
```
#fda832 rgb(253,168,50)
```
#fdb045
```
#fdb045 rgb(253,176,69)
```
#feb859
```
#feb859 rgb(254,184,89)
```
#fec06c
```
#fec06c rgb(254,192,108)
```
#fec980
```
#fec980 rgb(254,201,128)
```
#fed193
```
#fed193 rgb(254,209,147)
```
#fed9a7
```
#fed9a7 rgb(254,217,167)
```
#fee2ba
```
#fee2ba rgb(254,226,186)
```
#ffeace
```
#ffeace rgb(255,234,206)
```
#fff2e1
```
#fff2e1 rgb(255,242,225)
```
#fffbf4
```
#fffbf4 rgb(255,251,244)
```

Tint Color Variation

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

#8b857d
```
#8b857d rgb(139,133,125)
```
#958773
```
#958773 rgb(149,135,115)
```
#9e886a
```
#9e886a rgb(158,136,106)
```
#a88a60
```
#a88a60 rgb(168,138,96)
```
#b18b57
```
#b18b57 rgb(177,139,87)
```
#bb8d4d
```
#bb8d4d rgb(187,141,77)
```
#c48e44
```
#c48e44 rgb(196,142,68)
```
#ce903a
```
#ce903a rgb(206,144,58)
```
#d79131
```
#d79131 rgb(215,145,49)
```
#e19327
```
#e19327 rgb(225,147,39)
```
#ea941e
```
#ea941e rgb(234,148,30)
```
#f49614
```
#f49614 rgb(244,150,20)
```
#fd970b
```
#fd970b rgb(253,151,11)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#b7a387 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b31f Protanopia 1% of men
#e0aa00 Deuteranopia 1% of men
#ff949d Tritanopia 0.001% of the population

Trichromacy

#dca918 Protanomaly 1% of men, 0.01% of women
#eaa304 Deuteranomaly 6% of men, 0.4% of women
#fe9568 Tritanomaly 0.01% of the population

#fd970b hex color

#fd970b Color Information

#fd970b Color Conversion

Color Schemes with #fd970b

Alternatives to #fd970b

#fd970b Preview

Shades and Tints of #fd970b

Tones of #fd970b

Color Blindness Simulator