#f5571b Color Information
In a RGB color space, hex #f5571b is composed of 96.1% red, 34.1% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.5% magenta, 89% yellow and 3.9% black. It has a hue angle of 16.5 degrees, a saturation of 91.6% and a lightness of 53.3%. #f5571b color hex could be obtained by blending #ffae36 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 34
- B 11
-
- C 0
- M 64
- Y 89
- K 4
● #f5571b color description : Vivid orange.
#f5571b Color Conversion
The hexadecimal color #f5571b has RGB values of R:245, G:87, B:27 and CMYK values of C:0, M:0.64, Y:0.89, K:0.04. Its decimal value is 16078619.
Hex triplet | f5571b | #f5571b |
---|---|---|
RGB Decimal | 245, 87, 27 | rgb(245,87,27) |
RGB Percent | 96.1, 34.1, 10.6 | rgb(96.1%,34.1%,10.6%) |
CMYK | 0, 64, 89, 4 | |
HSL | 16.5°, 91.6, 53.3 | hsl(16.5,91.6%,53.3%) |
HSV (or HSB) | 16.5°, 89, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 58.333, 58.201, 61.992 |
---|---|
XYZ | 41.264, 26.313, 3.943 |
xyY | 0.577, 0.368, 26.313 |
CIE-LCH | 58.333, 85.031, 46.806 |
CIE-LUV | 58.333, 129.498, 45.896 |
Hunter-Lab | 51.296, 53.824, 31.35 |
Binary | 11110101, 01010111, 00011011 |
Color Schemes with #f5571b
Alternatives to #f5571b
Below, you can see some colors close to #f5571b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5571b Preview
This text has a font color of #f5571b.
<span style="color:#f5571b;">Text here</span>
This paragraph has a background color of #f5571b.
<p style="background-color:#f5571b;">Content here</p>
This element has a border color of #f5571b.
<div style="border:1px solid #f5571b;">Content here</div>
.text {color:#f5571b;}
.background {background-color:#f5571b;}
.border {border:1px solid #f5571b;}
Shades and Tints of #f5571b
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, #100501 is the darkest color, while #fffdfc is the lightest one.
-
#100501
#100501
rgb(16,5,1)
-
#230b02
#230b02
rgb(35,11,2)
-
#361102
#361102
rgb(54,17,2)
-
#491603
#491603
rgb(73,22,3)
-
#5b1c04
#5b1c04
rgb(91,28,4)
-
#6e2205
#6e2205
rgb(110,34,5)
-
#812806
#812806
rgb(129,40,6)
-
#942d06
#942d06
rgb(148,45,6)
-
#a73307
#a73307
rgb(167,51,7)
-
#b93908
#b93908
rgb(185,57,8)
-
#cc3f09
#cc3f09
rgb(204,63,9)
-
#df440a
#df440a
rgb(223,68,10)
-
#f24a0b
#f24a0b
rgb(242,74,11)
-
#f5571b
#f5571b
rgb(245,87,27)
-
#f6652e
#f6652e
rgb(246,101,46)
-
#f77341
#f77341
rgb(247,115,65)
-
#f78153
#f78153
rgb(247,129,83)
-
#f88e66
#f88e66
rgb(248,142,102)
-
#f99c79
#f99c79
rgb(249,156,121)
-
#faaa8c
#faaa8c
rgb(250,170,140)
-
#fbb89f
#fbb89f
rgb(251,184,159)
-
#fcc6b1
#fcc6b1
rgb(252,198,177)
-
#fcd4c4
#fcd4c4
rgb(252,212,196)
-
#fde1d7
#fde1d7
rgb(253,225,215)
-
#feefea
#feefea
rgb(254,239,234)
-
#fffdfc
#fffdfc
rgb(255,253,252)
Tones of #f5571b
A tone is produced by adding gray to any pure hue. In this case, #908480 is the less saturated color, while #fe5312 is the most saturated one.
-
#908480
#908480
rgb(144,132,128)
-
#998077
#998077
rgb(153,128,119)
-
#a37c6d
#a37c6d
rgb(163,124,109)
-
#ac7864
#ac7864
rgb(172,120,100)
-
#b5745b
#b5745b
rgb(181,116,91)
-
#be7052
#be7052
rgb(190,112,82)
-
#c76c49
#c76c49
rgb(199,108,73)
-
#d06740
#d06740
rgb(208,103,64)
-
#da6336
#da6336
rgb(218,99,54)
-
#e35f2d
#e35f2d
rgb(227,95,45)
-
#ec5b24
#ec5b24
rgb(236,91,36)
-
#f5571b
#f5571b
rgb(245,87,27)
-
#fe5312
#fe5312
rgb(254,83,18)
Color Blindness Simulator
Below, you can see how #f5571b 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.