#ff580b Color Information
In a RGB color space, hex #ff580b is composed of 100% red, 34.5% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.5% magenta, 95.7% yellow and 0% black. It has a hue angle of 18.9 degrees, a saturation of 100% and a lightness of 52.2%. #ff580b color hex could be obtained by blending #ffb016 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 35
- B 4
-
- C 0
- M 65
- Y 96
- K 0
● #ff580b color description : Vivid orange.
#ff580b Color Conversion
The hexadecimal color #ff580b has RGB values of R:255, G:88, B:11 and CMYK values of C:0, M:0.65, Y:0.96, K:0. Its decimal value is 16734219.
Hex triplet | ff580b | #ff580b |
---|---|---|
RGB Decimal | 255, 88, 11 | rgb(255,88,11) |
RGB Percent | 100, 34.5, 4.3 | rgb(100%,34.5%,4.3%) |
CMYK | 0, 65, 96, 0 | |
HSL | 18.9°, 100, 52.2 | hsl(18.9,100%,52.2%) |
HSV (or HSB) | 18.9°, 95.7, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 60.131, 60.947, 68.191 |
---|---|
XYZ | 44.792, 28.269, 3.414 |
xyY | 0.586, 0.37, 28.269 |
CIE-LCH | 60.131, 91.458, 48.21 |
CIE-LUV | 60.131, 137.701, 49.04 |
Hunter-Lab | 53.168, 57.335, 33.41 |
Binary | 11111111, 01011000, 00001011 |
Color Schemes with #ff580b
Alternatives to #ff580b
Below, you can see some colors close to #ff580b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff580b Preview
This text has a font color of #ff580b.
<span style="color:#ff580b;">Text here</span>
This paragraph has a background color of #ff580b.
<p style="background-color:#ff580b;">Content here</p>
This element has a border color of #ff580b.
<div style="border:1px solid #ff580b;">Content here</div>
.text {color:#ff580b;}
.background {background-color:#ff580b;}
.border {border:1px solid #ff580b;}
Shades and Tints of #ff580b
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, #0b0300 is the darkest color, while #fff9f6 is the lightest one.
-
#0b0300
#0b0300
rgb(11,3,0)
-
#1f0a00
#1f0a00
rgb(31,10,0)
-
#321000
#321000
rgb(50,16,0)
-
#461600
#461600
rgb(70,22,0)
-
#591c00
#591c00
rgb(89,28,0)
-
#6d2200
#6d2200
rgb(109,34,0)
-
#812900
#812900
rgb(129,41,0)
-
#942f00
#942f00
rgb(148,47,0)
-
#a83500
#a83500
rgb(168,53,0)
-
#bc3b00
#bc3b00
rgb(188,59,0)
-
#cf4100
#cf4100
rgb(207,65,0)
-
#e34800
#e34800
rgb(227,72,0)
-
#f64e00
#f64e00
rgb(246,78,0)
-
#ff580b
#ff580b
rgb(255,88,11)
-
#ff651f
#ff651f
rgb(255,101,31)
-
#ff7332
#ff7332
rgb(255,115,50)
-
#ff8046
#ff8046
rgb(255,128,70)
-
#ff8e59
#ff8e59
rgb(255,142,89)
-
#ff9b6d
#ff9b6d
rgb(255,155,109)
-
#ffa981
#ffa981
rgb(255,169,129)
-
#ffb694
#ffb694
rgb(255,182,148)
-
#ffc3a8
#ffc3a8
rgb(255,195,168)
-
#ffd1bc
#ffd1bc
rgb(255,209,188)
-
#ffdecf
#ffdecf
rgb(255,222,207)
-
#ffece3
#ffece3
rgb(255,236,227)
-
#fff9f6
#fff9f6
rgb(255,249,246)
Tones of #ff580b
A tone is produced by adding gray to any pure hue. In this case, #8e827c is the less saturated color, while #ff580b is the most saturated one.
-
#8e827c
#8e827c
rgb(142,130,124)
-
#987e72
#987e72
rgb(152,126,114)
-
#a17b69
#a17b69
rgb(161,123,105)
-
#ab775f
#ab775f
rgb(171,119,95)
-
#b47456
#b47456
rgb(180,116,86)
-
#bd704d
#bd704d
rgb(189,112,77)
-
#c76d43
#c76d43
rgb(199,109,67)
-
#d0693a
#d0693a
rgb(208,105,58)
-
#d96631
#d96631
rgb(217,102,49)
-
#e36227
#e36227
rgb(227,98,39)
-
#ec5f1e
#ec5f1e
rgb(236,95,30)
-
#f65b14
#f65b14
rgb(246,91,20)
-
#ff580b
#ff580b
rgb(255,88,11)
Color Blindness Simulator
Below, you can see how #ff580b 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.