#ff970b Color Information
In a RGB color space, hex #ff970b is composed of 100% red, 59.2% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.8% magenta, 95.7% yellow and 0% black. It has a hue angle of 34.4 degrees, a saturation of 100% and a lightness of 52.2%. #ff970b color hex could be obtained by blending #ffff16 with #ff2f00. Closest websafe color is: #ff9900.
-
- R 100
- G 59
- B 4
-
- C 0
- M 41
- Y 96
- K 0
● #ff970b color description : Vivid orange.
#ff970b Color Conversion
The hexadecimal color #ff970b has RGB values of R:255, G:151, B:11 and CMYK values of C:0, M:0.41, Y:0.96, K:0. Its decimal value is 16750347.
Hex triplet | ff970b | #ff970b |
---|---|---|
RGB Decimal | 255, 151, 11 | rgb(255,151,11) |
RGB Percent | 100, 59.2, 4.3 | rgb(100%,59.2%,4.3%) |
CMYK | 0, 41, 96, 0 | |
HSL | 34.4°, 100, 52.2 | hsl(34.4,100%,52.2%) |
HSV (or HSB) | 34.4°, 95.7, 100 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 71.84, 31.281, 75.596 |
---|---|
XYZ | 52.369, 43.422, 5.94 |
xyY | 0.515, 0.427, 43.422 |
CIE-LCH | 71.84, 81.812, 67.52 |
CIE-LUV | 71.84, 86.376, 68.453 |
Hunter-Lab | 65.895, 26.543, 40.782 |
Binary | 11111111, 10010111, 00001011 |
Color Schemes with #ff970b
Alternatives to #ff970b
Below, you can see some colors close to #ff970b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff970b Preview
This text has a font color of #ff970b.
<span style="color:#ff970b;">Text here</span>
This paragraph has a background color of #ff970b.
<p style="background-color:#ff970b;">Content here</p>
This element has a border color of #ff970b.
<div style="border:1px solid #ff970b;">Content here</div>
.text {color:#ff970b;}
.background {background-color:#ff970b;}
.border {border:1px solid #ff970b;}
Shades and Tints of #ff970b
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)
-
#1f1200
#1f1200
rgb(31,18,0)
-
#321d00
#321d00
rgb(50,29,0)
-
#462800
#462800
rgb(70,40,0)
-
#593300
#593300
rgb(89,51,0)
-
#6d3f00
#6d3f00
rgb(109,63,0)
-
#814a00
#814a00
rgb(129,74,0)
-
#945500
#945500
rgb(148,85,0)
-
#a86000
#a86000
rgb(168,96,0)
-
#bc6c00
#bc6c00
rgb(188,108,0)
-
#cf7700
#cf7700
rgb(207,119,0)
-
#e38200
#e38200
rgb(227,130,0)
-
#f68d00
#f68d00
rgb(246,141,0)
-
#ff970b
#ff970b
rgb(255,151,11)
-
#ff9f1f
#ff9f1f
rgb(255,159,31)
-
#ffa832
#ffa832
rgb(255,168,50)
-
#ffb046
#ffb046
rgb(255,176,70)
-
#ffb859
#ffb859
rgb(255,184,89)
-
#ffc16d
#ffc16d
rgb(255,193,109)
-
#ffc981
#ffc981
rgb(255,201,129)
-
#ffd294
#ffd294
rgb(255,210,148)
-
#ffdaa8
#ffdaa8
rgb(255,218,168)
-
#ffe2bc
#ffe2bc
rgb(255,226,188)
-
#ffebcf
#ffebcf
rgb(255,235,207)
-
#fff3e3
#fff3e3
rgb(255,243,227)
-
#fffbf6
#fffbf6
rgb(255,251,246)
Tones of #ff970b
A tone is produced by adding gray to any pure hue. In this case, #8e867c is the less saturated color, while #ff970b is the most saturated one.
-
#8e867c
#8e867c
rgb(142,134,124)
-
#988872
#988872
rgb(152,136,114)
-
#a18969
#a18969
rgb(161,137,105)
-
#ab8b5f
#ab8b5f
rgb(171,139,95)
-
#b48c56
#b48c56
rgb(180,140,86)
-
#bd8d4d
#bd8d4d
rgb(189,141,77)
-
#c78f43
#c78f43
rgb(199,143,67)
-
#d0903a
#d0903a
rgb(208,144,58)
-
#d99131
#d99131
rgb(217,145,49)
-
#e39327
#e39327
rgb(227,147,39)
-
#ec941e
#ec941e
rgb(236,148,30)
-
#f69614
#f69614
rgb(246,150,20)
-
#ff970b
#ff970b
rgb(255,151,11)
Color Blindness Simulator
Below, you can see how #ff970b 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.