#fd5522 Color Information
In a RGB color space, hex #fd5522 is composed of 99.2% red, 33.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.4% magenta, 86.6% yellow and 0.8% black. It has a hue angle of 14 degrees, a saturation of 98.2% and a lightness of 56.3%. #fd5522 color hex could be obtained by blending #ffaa44 with #fb0000. Closest websafe color is: #ff6633.
-
- R 99
- G 33
- B 13
-
- C 0
- M 66
- Y 87
- K 1
● #fd5522 color description : Vivid red.
#fd5522 Color Conversion
The hexadecimal color #fd5522 has RGB values of R:253, G:85, B:34 and CMYK values of C:0, M:0.66, Y:0.87, K:0.01. Its decimal value is 16602402.
Hex triplet | fd5522 | #fd5522 |
---|---|---|
RGB Decimal | 253, 85, 34 | rgb(253,85,34) |
RGB Percent | 99.2, 33.3, 13.3 | rgb(99.2%,33.3%,13.3%) |
CMYK | 0, 66, 87, 1 | |
HSL | 14°, 98.2, 56.3 | hsl(14,98.2%,56.3%) |
HSV (or HSB) | 14°, 86.6, 99.2 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 59.435, 61.779, 60.901 |
---|---|
XYZ | 44.047, 27.5, 4.502 |
xyY | 0.579, 0.362, 27.5 |
CIE-LCH | 59.435, 86.75, 44.59 |
CIE-LUV | 59.435, 136.748, 44.968 |
Hunter-Lab | 52.441, 58.159, 31.618 |
Binary | 11111101, 01010101, 00100010 |
Color Schemes with #fd5522
Alternatives to #fd5522
Below, you can see some colors close to #fd5522. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fd5522 Preview
This text has a font color of #fd5522.
<span style="color:#fd5522;">Text here</span>
This paragraph has a background color of #fd5522.
<p style="background-color:#fd5522;">Content here</p>
This element has a border color of #fd5522.
<div style="border:1px solid #fd5522;">Content here</div>
.text {color:#fd5522;}
.background {background-color:#fd5522;}
.border {border:1px solid #fd5522;}
Shades and Tints of #fd5522
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, #0c0300 is the darkest color, while #fff9f8 is the lightest one.
-
#0c0300
#0c0300
rgb(12,3,0)
-
#200800
#200800
rgb(32,8,0)
-
#330c00
#330c00
rgb(51,12,0)
-
#471101
#471101
rgb(71,17,1)
-
#5a1601
#5a1601
rgb(90,22,1)
-
#6d1a01
#6d1a01
rgb(109,26,1)
-
#811f01
#811f01
rgb(129,31,1)
-
#942401
#942401
rgb(148,36,1)
-
#a82802
#a82802
rgb(168,40,2)
-
#bb2d02
#bb2d02
rgb(187,45,2)
-
#cf3202
#cf3202
rgb(207,50,2)
-
#e23602
#e23602
rgb(226,54,2)
-
#f63b02
#f63b02
rgb(246,59,2)
-
#fd460f
#fd460f
rgb(253,70,15)
-
#fd5522
#fd5522
rgb(253,85,34)
-
#fd6435
#fd6435
rgb(253,100,53)
-
#fd7349
#fd7349
rgb(253,115,73)
-
#fe825c
#fe825c
rgb(254,130,92)
-
#fe9170
#fe9170
rgb(254,145,112)
-
#fea083
#fea083
rgb(254,160,131)
-
#feaf97
#feaf97
rgb(254,175,151)
-
#febeaa
#febeaa
rgb(254,190,170)
-
#fecdbe
#fecdbe
rgb(254,205,190)
-
#ffdcd1
#ffdcd1
rgb(255,220,209)
-
#ffebe4
#ffebe4
rgb(255,235,228)
-
#fff9f8
#fff9f8
rgb(255,249,248)
Tones of #fd5522
A tone is produced by adding gray to any pure hue. In this case, #968c89 is the less saturated color, while #fd5522 is the most saturated one.
-
#968c89
#968c89
rgb(150,140,137)
-
#9f8780
#9f8780
rgb(159,135,128)
-
#a78378
#a78378
rgb(167,131,120)
-
#b07e6f
#b07e6f
rgb(176,126,111)
-
#b87a67
#b87a67
rgb(184,122,103)
-
#c1755e
#c1755e
rgb(193,117,94)
-
#ca7055
#ca7055
rgb(202,112,85)
-
#d26c4d
#d26c4d
rgb(210,108,77)
-
#db6744
#db6744
rgb(219,103,68)
-
#e3633c
#e3633c
rgb(227,99,60)
-
#ec5e33
#ec5e33
rgb(236,94,51)
-
#f45a2b
#f45a2b
rgb(244,90,43)
-
#fd5522
#fd5522
rgb(253,85,34)
Color Blindness Simulator
Below, you can see how #fd5522 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.