#ff981d Color Information
In a RGB color space, hex #ff981d is composed of 100% red, 59.6% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.4% magenta, 88.6% yellow and 0% black. It has a hue angle of 32.7 degrees, a saturation of 100% and a lightness of 55.7%. #ff981d color hex could be obtained by blending #ffff3a with #ff3100. Closest websafe color is: #ff9933.
-
- R 100
- G 60
- B 11
-
- C 0
- M 40
- Y 89
- K 0
● #ff981d color description : Vivid orange.
#ff981d Color Conversion
The hexadecimal color #ff981d has RGB values of R:255, G:152, B:29 and CMYK values of C:0, M:0.4, Y:0.89, K:0. Its decimal value is 16750621.
Hex triplet | ff981d | #ff981d |
---|---|---|
RGB Decimal | 255, 152, 29 | rgb(255,152,29) |
RGB Percent | 100, 59.6, 11.4 | rgb(100%,59.6%,11.4%) |
CMYK | 0, 40, 89, 0 | |
HSL | 32.7°, 100, 55.7 | hsl(32.7,100%,55.7%) |
HSV (or HSB) | 32.7°, 88.6, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 72.101, 30.999, 72.379 |
---|---|
XYZ | 52.692, 43.809, 6.844 |
xyY | 0.51, 0.424, 43.809 |
CIE-LCH | 72.101, 78.738, 66.816 |
CIE-LUV | 72.101, 85.05, 67.028 |
Hunter-Lab | 66.189, 26.271, 40.202 |
Binary | 11111111, 10011000, 00011101 |
Color Schemes with #ff981d
Alternatives to #ff981d
Below, you can see some colors close to #ff981d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff981d Preview
This text has a font color of #ff981d.
<span style="color:#ff981d;">Text here</span>
This paragraph has a background color of #ff981d.
<p style="background-color:#ff981d;">Content here</p>
This element has a border color of #ff981d.
<div style="border:1px solid #ff981d;">Content here</div>
.text {color:#ff981d;}
.background {background-color:#ff981d;}
.border {border:1px solid #ff981d;}
Shades and Tints of #ff981d
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 #fffaf5 is the lightest one.
-
#090500
#090500
rgb(9,5,0)
-
#1d1000
#1d1000
rgb(29,16,0)
-
#311a00
#311a00
rgb(49,26,0)
-
#442500
#442500
rgb(68,37,0)
-
#583000
#583000
rgb(88,48,0)
-
#6b3a00
#6b3a00
rgb(107,58,0)
-
#7f4500
#7f4500
rgb(127,69,0)
-
#935000
#935000
rgb(147,80,0)
-
#a65b00
#a65b00
rgb(166,91,0)
-
#ba6500
#ba6500
rgb(186,101,0)
-
#ce7000
#ce7000
rgb(206,112,0)
-
#e17b00
#e17b00
rgb(225,123,0)
-
#f58500
#f58500
rgb(245,133,0)
-
#ff8f09
#ff8f09
rgb(255,143,9)
-
#ff981d
#ff981d
rgb(255,152,29)
-
#ffa131
#ffa131
rgb(255,161,49)
-
#ffaa44
#ffaa44
rgb(255,170,68)
-
#ffb358
#ffb358
rgb(255,179,88)
-
#ffbc6b
#ffbc6b
rgb(255,188,107)
-
#ffc57f
#ffc57f
rgb(255,197,127)
-
#ffce93
#ffce93
rgb(255,206,147)
-
#ffd7a6
#ffd7a6
rgb(255,215,166)
-
#ffe0ba
#ffe0ba
rgb(255,224,186)
-
#ffe8ce
#ffe8ce
rgb(255,232,206)
-
#fff1e1
#fff1e1
rgb(255,241,225)
-
#fffaf5
#fffaf5
rgb(255,250,245)
Tones of #ff981d
A tone is produced by adding gray to any pure hue. In this case, #978f85 is the less saturated color, while #ff981d is the most saturated one.
-
#978f85
#978f85
rgb(151,143,133)
-
#9f907d
#9f907d
rgb(159,144,125)
-
#a89074
#a89074
rgb(168,144,116)
-
#b1916b
#b1916b
rgb(177,145,107)
-
#b99263
#b99263
rgb(185,146,99)
-
#c2935a
#c2935a
rgb(194,147,90)
-
#cb9351
#cb9351
rgb(203,147,81)
-
#d49448
#d49448
rgb(212,148,72)
-
#dc9540
#dc9540
rgb(220,149,64)
-
#e59637
#e59637
rgb(229,150,55)
-
#ee962e
#ee962e
rgb(238,150,46)
-
#f69726
#f69726
rgb(246,151,38)
-
#ff981d
#ff981d
rgb(255,152,29)
Color Blindness Simulator
Below, you can see how #ff981d 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.