#fd980d hex color

In a RGB color space, hex #fd980d is composed of 99.2% red, 59.6% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.9% magenta, 94.9% yellow and 0.8% black. It has a hue angle of 34.8 degrees, a saturation of 98.4% and a lightness of 52.2%. #fd980d color hex could be obtained by blending #ffff1a with #fb3100. Closest websafe color is: #ff9900.

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

● #fd980d color description : Vivid orange.

The hexadecimal color #fd980d has RGB values of R:253, G:152, B:13 and CMYK values of C:0, M:0.4, Y:0.95, K:0.01. Its decimal value is 16619533.

Hex triplet	fd980d	`#fd980d`
RGB Decimal	253, 152, 13	`rgb(253,152,13)`
RGB Percent	99.2, 59.6, 5.1	`rgb(99.2%,59.6%,5.1%)`
CMYK	0, 40, 95, 1
HSL	34.8°, 98.4, 52.2	`hsl(34.8,98.4%,52.2%)`
HSV (or HSB)	34.8°, 94.9, 99.2
Web Safe	ff9900	`#ff9900`

CIE-LAB	71.807, 29.963, 75.183
XYZ	51.811, 43.372, 6.024
xyY	0.512, 0.429, 43.372
CIE-LCH	71.807, 80.933, 68.271
CIE-LUV	71.807, 83.837, 68.58
Hunter-Lab	65.858, 25.176, 40.677
Binary	11111101, 10011000, 00001101

#fd980d
```
#fd980d rgb(253,152,13)
```
#0d72fd
```
#0d72fd rgb(13,114,253)
```

Complementary Color

#fd200d
```
#fd200d rgb(253,32,13)
```
#fd980d
```
#fd980d rgb(253,152,13)
```
#eafd0d
```
#eafd0d rgb(234,253,13)
```

Analogous Color

#200dfd
```
#200dfd rgb(32,13,253)
```
#fd980d
```
#fd980d rgb(253,152,13)
```
#0deafd
```
#0deafd rgb(13,234,253)
```

Split Complementary Color

#980dfd
```
#980dfd rgb(152,13,253)
```
#fd980d
```
#fd980d rgb(253,152,13)
```
#0dfd98
```
#0dfd98 rgb(13,253,152)
```

Triadic Color

#fd0d72
```
#fd0d72 rgb(253,13,114)
```
#fd980d
```
#fd980d rgb(253,152,13)
```
#0dfd98
```
#0dfd98 rgb(13,253,152)
```
#0d72fd
```
#0d72fd rgb(13,114,253)
```

Tetradic Color

#bc6e02
```
#bc6e02 rgb(188,110,2)
```
#d57c02
```
#d57c02 rgb(213,124,2)
```
#ef8b02
```
#ef8b02 rgb(239,139,2)
```
#fd980d
```
#fd980d rgb(253,152,13)
```
#fda326
```
#fda326 rgb(253,163,38)
```
#fdae40
```
#fdae40 rgb(253,174,64)
```
#feb859
```
#feb859 rgb(254,184,89)
```

Monochromatic Color

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

#fd5c0d
```
#fd5c0d rgb(253,92,13)
```
#fd700d
```
#fd700d rgb(253,112,13)
```
#fd840d
```
#fd840d rgb(253,132,13)
```
#fd980d
```
#fd980d rgb(253,152,13)
```
#fdac0d
```
#fdac0d rgb(253,172,13)
```
#fdc00d
```
#fdc00d rgb(253,192,13)
```
#fdd40d
```
#fdd40d rgb(253,212,13)
```

Similar Colors

Text with hexadecimal color #fd980d

This text has a font color of #fd980d.

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

#fd980d background color

This paragraph has a background color of #fd980d.

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

#fd980d border color

This element has a border color of #fd980d.

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

CSS codes

.text {color:#fd980d;}

.background {background-color:#fd980d;}

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

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

#0b0600
```
#0b0600 rgb(11,6,0)
```
#1e1200
```
#1e1200 rgb(30,18,0)
```
#321d00
```
#321d00 rgb(50,29,0)
```
#452801
```
#452801 rgb(69,40,1)
```
#593401
```
#593401 rgb(89,52,1)
```
#6c3f01
```
#6c3f01 rgb(108,63,1)
```
#804a01
```
#804a01 rgb(128,74,1)
```
#935601
```
#935601 rgb(147,86,1)
```
#a76101
```
#a76101 rgb(167,97,1)
```
#ba6c02
```
#ba6c02 rgb(186,108,2)
```
#cd7802
```
#cd7802 rgb(205,120,2)
```
#e18302
```
#e18302 rgb(225,131,2)
```
#f48e02
```
#f48e02 rgb(244,142,2)
```

Shade Color Variation

#fd980d
```
#fd980d rgb(253,152,13)
```
#fda020
```
#fda020 rgb(253,160,32)
```
#fda934
```
#fda934 rgb(253,169,52)
```
#fdb147
```
#fdb147 rgb(253,177,71)
```
#feb95b
```
#feb95b rgb(254,185,91)
```
#fec16e
```
#fec16e rgb(254,193,110)
```
#feca82
```
#feca82 rgb(254,202,130)
```
#fed295
```
#fed295 rgb(254,210,149)
```
#fedaa9
```
#fedaa9 rgb(254,218,169)
```
#fee3bc
```
#fee3bc rgb(254,227,188)
```
#ffebd0
```
#ffebd0 rgb(255,235,208)
```
#fff3e3
```
#fff3e3 rgb(255,243,227)
```
#fffbf6
```
#fffbf6 rgb(255,251,246)
```

Tint Color Variation

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

#8c867e
```
#8c867e rgb(140,134,126)
```
#968874
```
#968874 rgb(150,136,116)
```
#9f896b
```
#9f896b rgb(159,137,107)
```
#a98b61
```
#a98b61 rgb(169,139,97)
```
#b28c58
```
#b28c58 rgb(178,140,88)
```
#bb8e4f
```
#bb8e4f rgb(187,142,79)
```
#c58f45
```
#c58f45 rgb(197,143,69)
```
#ce913c
```
#ce913c rgb(206,145,60)
```
#d79233
```
#d79233 rgb(215,146,51)
```
#e19429
```
#e19429 rgb(225,148,41)
```
#ea9520
```
#ea9520 rgb(234,149,32)
```
#f49716
```
#f49716 rgb(244,151,22)
```
#fd980d
```
#fd980d rgb(253,152,13)
```

Tone Color Variation

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

#c9b421 Protanopia 1% of men
#e1ab00 Deuteranopia 1% of men
#ff959e Tritanopia 0.001% of the population

Trichromacy

#dcaa19 Protanomaly 1% of men, 0.01% of women
#eba404 Deuteranomaly 6% of men, 0.4% of women
#fe9669 Tritanomaly 0.01% of the population

#fd980d hex color

#fd980d Color Information

#fd980d Color Conversion

Color Schemes with #fd980d

Alternatives to #fd980d

#fd980d Preview

Shades and Tints of #fd980d

Tones of #fd980d

Color Blindness Simulator