#f5581d Color Information
In a RGB color space, hex #f5581d is composed of 96.1% red, 34.5% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.1% magenta, 88.2% yellow and 3.9% black. It has a hue angle of 16.4 degrees, a saturation of 91.5% and a lightness of 53.7%. #f5581d color hex could be obtained by blending #ffb03a with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 35
- B 11
-
- C 0
- M 64
- Y 88
- K 4
● #f5581d color description : Vivid orange.
#f5581d Color Conversion
The hexadecimal color #f5581d has RGB values of R:245, G:88, B:29 and CMYK values of C:0, M:0.64, Y:0.88, K:0.04. Its decimal value is 16078877.
Hex triplet | f5581d | #f5581d |
---|---|---|
RGB Decimal | 245, 88, 29 | rgb(245,88,29) |
RGB Percent | 96.1, 34.5, 11.4 | rgb(96.1%,34.5%,11.4%) |
CMYK | 0, 64, 88, 4 | |
HSL | 16.4°, 91.5, 53.7 | hsl(16.4,91.5%,53.7%) |
HSV (or HSB) | 16.4°, 88.2, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 58.495, 57.824, 61.425 |
---|---|
XYZ | 41.37, 26.485, 4.096 |
xyY | 0.575, 0.368, 26.485 |
CIE-LCH | 58.495, 84.36, 46.729 |
CIE-LUV | 58.495, 128.609, 45.83 |
Hunter-Lab | 51.464, 53.427, 31.306 |
Binary | 11110101, 01011000, 00011101 |
Color Schemes with #f5581d
Alternatives to #f5581d
Below, you can see some colors close to #f5581d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5581d Preview
This text has a font color of #f5581d.
<span style="color:#f5581d;">Text here</span>
This paragraph has a background color of #f5581d.
<p style="background-color:#f5581d;">Content here</p>
This element has a border color of #f5581d.
<div style="border:1px solid #f5581d;">Content here</div>
.text {color:#f5581d;}
.background {background-color:#f5581d;}
.border {border:1px solid #f5581d;}
Shades and Tints of #f5581d
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, #120601 is the darkest color, while #fffffe is the lightest one.
-
#120601
#120601
rgb(18,6,1)
-
#250b02
#250b02
rgb(37,11,2)
-
#381102
#381102
rgb(56,17,2)
-
#4b1703
#4b1703
rgb(75,23,3)
-
#5d1c04
#5d1c04
rgb(93,28,4)
-
#702205
#702205
rgb(112,34,5)
-
#832806
#832806
rgb(131,40,6)
-
#962e07
#962e07
rgb(150,46,7)
-
#a83307
#a83307
rgb(168,51,7)
-
#bb3908
#bb3908
rgb(187,57,8)
-
#ce3f09
#ce3f09
rgb(206,63,9)
-
#e1450a
#e1450a
rgb(225,69,10)
-
#f44a0b
#f44a0b
rgb(244,74,11)
-
#f5581d
#f5581d
rgb(245,88,29)
-
#f66630
#f66630
rgb(246,102,48)
-
#f77443
#f77443
rgb(247,116,67)
-
#f78255
#f78255
rgb(247,130,85)
-
#f89068
#f89068
rgb(248,144,104)
-
#f99d7b
#f99d7b
rgb(249,157,123)
-
#faab8e
#faab8e
rgb(250,171,142)
-
#fbb9a0
#fbb9a0
rgb(251,185,160)
-
#fcc7b3
#fcc7b3
rgb(252,199,179)
-
#fcd5c6
#fcd5c6
rgb(252,213,198)
-
#fde3d9
#fde3d9
rgb(253,227,217)
-
#fef1ec
#fef1ec
rgb(254,241,236)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #f5581d
A tone is produced by adding gray to any pure hue. In this case, #918581 is the less saturated color, while #fe5414 is the most saturated one.
-
#918581
#918581
rgb(145,133,129)
-
#9a8178
#9a8178
rgb(154,129,120)
-
#a37d6f
#a37d6f
rgb(163,125,111)
-
#ac7966
#ac7966
rgb(172,121,102)
-
#b5755d
#b5755d
rgb(181,117,93)
-
#bf7153
#bf7153
rgb(191,113,83)
-
#c86d4a
#c86d4a
rgb(200,109,74)
-
#d16841
#d16841
rgb(209,104,65)
-
#da6438
#da6438
rgb(218,100,56)
-
#e3602f
#e3602f
rgb(227,96,47)
-
#ec5c26
#ec5c26
rgb(236,92,38)
-
#f5581d
#f5581d
rgb(245,88,29)
-
#fe5414
#fe5414
rgb(254,84,20)
Color Blindness Simulator
Below, you can see how #f5581d 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.