#ff980d hex color

In a RGB color space, hex #ff980d is composed of 100% red, 59.6% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.4% magenta, 94.9% yellow and 0% black. It has a hue angle of 34.5 degrees, a saturation of 100% and a lightness of 52.5%. #ff980d color hex could be obtained by blending #ffff1a with #ff3100. Closest websafe color is: #ff9900.

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

● #ff980d color description : Vivid orange.

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

Hex triplet	ff980d	`#ff980d`
RGB Decimal	255, 152, 13	`rgb(255,152,13)`
RGB Percent	100, 59.6, 5.1	`rgb(100%,59.6%,5.1%)`
CMYK	0, 40, 95, 0
HSL	34.5°, 100, 52.5	`hsl(34.5,100%,52.5%)`
HSV (or HSB)	34.5°, 94.9, 100
Web Safe	ff9900	`#ff9900`

CIE-LAB	72.061, 30.783, 75.476
XYZ	52.543, 43.75, 6.058
xyY	0.513, 0.427, 43.75
CIE-LCH	72.061, 81.512, 67.812
CIE-LUV	72.061, 85.498, 68.664
Hunter-Lab	66.144, 26.044, 40.87
Binary	11111111, 10011000, 00001101

#ff980d
```
#ff980d rgb(255,152,13)
```
#0d74ff
```
#0d74ff rgb(13,116,255)
```

Complementary Color

#ff1f0d
```
#ff1f0d rgb(255,31,13)
```
#ff980d
```
#ff980d rgb(255,152,13)
```
#edff0d
```
#edff0d rgb(237,255,13)
```

Analogous Color

#1f0dff
```
#1f0dff rgb(31,13,255)
```
#ff980d
```
#ff980d rgb(255,152,13)
```
#0dedff
```
#0dedff rgb(13,237,255)
```

Split Complementary Color

#980dff
```
#980dff rgb(152,13,255)
```
#ff980d
```
#ff980d rgb(255,152,13)
```
#0dff98
```
#0dff98 rgb(13,255,152)
```

Triadic Color

#ff0d74
```
#ff0d74 rgb(255,13,116)
```
#ff980d
```
#ff980d rgb(255,152,13)
```
#0dff98
```
#0dff98 rgb(13,255,152)
```
#0d74ff
```
#0d74ff rgb(13,116,255)
```

Tetradic Color

#c06e00
```
#c06e00 rgb(192,110,0)
```
#d97d00
```
#d97d00 rgb(217,125,0)
```
#f38b00
```
#f38b00 rgb(243,139,0)
```
#ff980d
```
#ff980d rgb(255,152,13)
```
#ffa327
```
#ffa327 rgb(255,163,39)
```
#ffae40
```
#ffae40 rgb(255,174,64)
```
#ffb95a
```
#ffb95a rgb(255,185,90)
```

Monochromatic Color

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

#ff5c0d
```
#ff5c0d rgb(255,92,13)
```
#ff700d
```
#ff700d rgb(255,112,13)
```
#ff840d
```
#ff840d rgb(255,132,13)
```
#ff980d
```
#ff980d rgb(255,152,13)
```
#ffac0d
```
#ffac0d rgb(255,172,13)
```
#ffc00d
```
#ffc00d rgb(255,192,13)
```
#ffd50d
```
#ffd50d rgb(255,213,13)
```

Similar Colors

Text with hexadecimal color #ff980d

This text has a font color of #ff980d.

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

#ff980d background color

This paragraph has a background color of #ff980d.

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

#ff980d border color

This element has a border color of #ff980d.

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

CSS codes

.text {color:#ff980d;}

.background {background-color:#ff980d;}

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

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

#0d0700
```
#0d0700 rgb(13,7,0)
```
#211300
```
#211300 rgb(33,19,0)
```
#341e00
```
#341e00 rgb(52,30,0)
```
#482900
```
#482900 rgb(72,41,0)
```
#5b3500
```
#5b3500 rgb(91,53,0)
```
#6f4000
```
#6f4000 rgb(111,64,0)
```
#834b00
```
#834b00 rgb(131,75,0)
```
#965600
```
#965600 rgb(150,86,0)
```
#aa6200
```
#aa6200 rgb(170,98,0)
```
#be6d00
```
#be6d00 rgb(190,109,0)
```
#d17800
```
#d17800 rgb(209,120,0)
```
#e58300
```
#e58300 rgb(229,131,0)
```
#f88f00
```
#f88f00 rgb(248,143,0)
```

Shade Color Variation

#ff980d
```
#ff980d rgb(255,152,13)
```
#ffa021
```
#ffa021 rgb(255,160,33)
```
#ffa934
```
#ffa934 rgb(255,169,52)
```
#ffb148
```
#ffb148 rgb(255,177,72)
```
#ffb95b
```
#ffb95b rgb(255,185,91)
```
#ffc26f
```
#ffc26f rgb(255,194,111)
```
#ffca83
```
#ffca83 rgb(255,202,131)
```
#ffd296
```
#ffd296 rgb(255,210,150)
```
#ffdbaa
```
#ffdbaa rgb(255,219,170)
```
#ffe3be
```
#ffe3be rgb(255,227,190)
```
#ffebd1
```
#ffebd1 rgb(255,235,209)
```
#fff4e5
```
#fff4e5 rgb(255,244,229)
```
#fffcf8
```
#fffcf8 rgb(255,252,248)
```

Tint Color Variation

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

#8f877d
```
#8f877d rgb(143,135,125)
```
#998973
```
#998973 rgb(153,137,115)
```
#a28a6a
```
#a28a6a rgb(162,138,106)
```
#ab8c61
```
#ab8c61 rgb(171,140,97)
```
#b58d57
```
#b58d57 rgb(181,141,87)
```
#be8e4e
```
#be8e4e rgb(190,142,78)
```
#c79045
```
#c79045 rgb(199,144,69)
```
#d0913c
```
#d0913c rgb(208,145,60)
```
#da9232
```
#da9232 rgb(218,146,50)
```
#e39429
```
#e39429 rgb(227,148,41)
```
#ec9520
```
#ec9520 rgb(236,149,32)
```
#f69716
```
#f69716 rgb(246,151,22)
```
#ff980d
```
#ff980d rgb(255,152,13)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#b9a488 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab521 Protanopia 1% of men
#e2ac00 Deuteranopia 1% of men
#ff969f Tritanopia 0.001% of the population

Trichromacy

#ddaa1a Protanomaly 1% of men, 0.01% of women
#eca404 Deuteranomaly 6% of men, 0.4% of women
#ff9769 Tritanomaly 0.01% of the population

#ff980d hex color

#ff980d Color Information

#ff980d Color Conversion

Color Schemes with #ff980d

Alternatives to #ff980d

#ff980d Preview

Shades and Tints of #ff980d

Tones of #ff980d

Color Blindness Simulator