#ff980c Color Information
In a RGB color space, hex #ff980c is composed of 100% red, 59.6% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.4% magenta, 95.3% yellow and 0% black. It has a hue angle of 34.6 degrees, a saturation of 100% and a lightness of 52.4%. #ff980c color hex could be obtained by blending #ffff18 with #ff3100. Closest websafe color is: #ff9900.
-
- R 100
- G 60
- B 5
-
- C 0
- M 40
- Y 95
- K 0
● #ff980c color description : Vivid orange.
#ff980c Color Conversion
The hexadecimal color #ff980c has RGB values of R:255, G:152, B:12 and CMYK values of C:0, M:0.4, Y:0.95, K:0. Its decimal value is 16750604.
Hex triplet | ff980c | #ff980c |
---|---|---|
RGB Decimal | 255, 152, 12 | rgb(255,152,12) |
RGB Percent | 100, 59.6, 4.7 | rgb(100%,59.6%,4.7%) |
CMYK | 0, 40, 95, 0 | |
HSL | 34.6°, 100, 52.4 | hsl(34.6,100%,52.4%) |
HSV (or HSB) | 34.6°, 95.3, 100 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 72.059, 30.774, 75.612 |
---|---|
XYZ | 52.536, 43.747, 6.025 |
xyY | 0.514, 0.428, 43.747 |
CIE-LCH | 72.059, 81.635, 67.854 |
CIE-LUV | 72.059, 85.517, 68.733 |
Hunter-Lab | 66.142, 26.034, 40.898 |
Binary | 11111111, 10011000, 00001100 |
Color Schemes with #ff980c
Alternatives to #ff980c
Below, you can see some colors close to #ff980c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff980c Preview
This text has a font color of #ff980c.
<span style="color:#ff980c;">Text here</span>
This paragraph has a background color of #ff980c.
<p style="background-color:#ff980c;">Content here</p>
This element has a border color of #ff980c.
<div style="border:1px solid #ff980c;">Content here</div>
.text {color:#ff980c;}
.background {background-color:#ff980c;}
.border {border:1px solid #ff980c;}
Shades and Tints of #ff980c
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, #0c0700 is the darkest color, while #fffcf7 is the lightest one.
-
#0c0700
#0c0700
rgb(12,7,0)
-
#201200
#201200
rgb(32,18,0)
-
#331e00
#331e00
rgb(51,30,0)
-
#472900
#472900
rgb(71,41,0)
-
#5a3400
#5a3400
rgb(90,52,0)
-
#6e3f00
#6e3f00
rgb(110,63,0)
-
#824b00
#824b00
rgb(130,75,0)
-
#955600
#955600
rgb(149,86,0)
-
#a96100
#a96100
rgb(169,97,0)
-
#bd6d00
#bd6d00
rgb(189,109,0)
-
#d07800
#d07800
rgb(208,120,0)
-
#e48300
#e48300
rgb(228,131,0)
-
#f78f00
#f78f00
rgb(247,143,0)
-
#ff980c
#ff980c
rgb(255,152,12)
-
#ffa020
#ffa020
rgb(255,160,32)
-
#ffa933
#ffa933
rgb(255,169,51)
-
#ffb147
#ffb147
rgb(255,177,71)
-
#ffb95a
#ffb95a
rgb(255,185,90)
-
#ffc26e
#ffc26e
rgb(255,194,110)
-
#ffca82
#ffca82
rgb(255,202,130)
-
#ffd295
#ffd295
rgb(255,210,149)
-
#ffdba9
#ffdba9
rgb(255,219,169)
-
#ffe3bd
#ffe3bd
rgb(255,227,189)
-
#ffebd0
#ffebd0
rgb(255,235,208)
-
#fff3e4
#fff3e4
rgb(255,243,228)
-
#fffcf7
#fffcf7
rgb(255,252,247)
Tones of #ff980c
A tone is produced by adding gray to any pure hue. In this case, #8f877c is the less saturated color, while #ff980c is the most saturated one.
-
#8f877c
#8f877c
rgb(143,135,124)
-
#988873
#988873
rgb(152,136,115)
-
#a28a69
#a28a69
rgb(162,138,105)
-
#ab8b60
#ab8b60
rgb(171,139,96)
-
#b48d57
#b48d57
rgb(180,141,87)
-
#be8e4d
#be8e4d
rgb(190,142,77)
-
#c78f44
#c78f44
rgb(199,143,68)
-
#d0913b
#d0913b
rgb(208,145,59)
-
#da9231
#da9231
rgb(218,146,49)
-
#e39428
#e39428
rgb(227,148,40)
-
#ec951f
#ec951f
rgb(236,149,31)
-
#f69715
#f69715
rgb(246,151,21)
-
#ff980c
#ff980c
rgb(255,152,12)
Color Blindness Simulator
Below, you can see how #ff980c 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.