#fd5f22 Color Information
In a RGB color space, hex #fd5f22 is composed of 99.2% red, 37.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.5% magenta, 86.6% yellow and 0.8% black. It has a hue angle of 16.7 degrees, a saturation of 98.2% and a lightness of 56.3%. #fd5f22 color hex could be obtained by blending #ffbe44 with #fb0000. Closest websafe color is: #ff6633.
-
- R 99
- G 37
- B 13
-
- C 0
- M 62
- Y 87
- K 1
● #fd5f22 color description : Vivid orange.
#fd5f22 Color Conversion
The hexadecimal color #fd5f22 has RGB values of R:253, G:95, B:34 and CMYK values of C:0, M:0.62, Y:0.87, K:0.01. Its decimal value is 16604962.
Hex triplet | fd5f22 | #fd5f22 |
---|---|---|
RGB Decimal | 253, 95, 34 | rgb(253,95,34) |
RGB Percent | 99.2, 37.3, 13.3 | rgb(99.2%,37.3%,13.3%) |
CMYK | 0, 62, 87, 1 | |
HSL | 16.7°, 98.2, 56.3 | hsl(16.7,98.2%,56.3%) |
HSV (or HSB) | 16.7°, 86.6, 99.2 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 60.947, 57.716, 62.097 |
---|---|
XYZ | 44.891, 29.188, 4.783 |
xyY | 0.569, 0.37, 29.188 |
CIE-LCH | 60.947, 84.777, 47.094 |
CIE-LUV | 60.947, 129.476, 47.66 |
Hunter-Lab | 54.026, 53.775, 32.568 |
Binary | 11111101, 01011111, 00100010 |
Color Schemes with #fd5f22
Alternatives to #fd5f22
Below, you can see some colors close to #fd5f22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fd5f22 Preview
This text has a font color of #fd5f22.
<span style="color:#fd5f22;">Text here</span>
This paragraph has a background color of #fd5f22.
<p style="background-color:#fd5f22;">Content here</p>
This element has a border color of #fd5f22.
<div style="border:1px solid #fd5f22;">Content here</div>
.text {color:#fd5f22;}
.background {background-color:#fd5f22;}
.border {border:1px solid #fd5f22;}
Shades and Tints of #fd5f22
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 #fffaf8 is the lightest one.
-
#0c0300
#0c0300
rgb(12,3,0)
-
#200900
#200900
rgb(32,9,0)
-
#330f00
#330f00
rgb(51,15,0)
-
#471401
#471401
rgb(71,20,1)
-
#5a1a01
#5a1a01
rgb(90,26,1)
-
#6d1f01
#6d1f01
rgb(109,31,1)
-
#812501
#812501
rgb(129,37,1)
-
#942a01
#942a01
rgb(148,42,1)
-
#a83002
#a83002
rgb(168,48,2)
-
#bb3502
#bb3502
rgb(187,53,2)
-
#cf3b02
#cf3b02
rgb(207,59,2)
-
#e24002
#e24002
rgb(226,64,2)
-
#f64602
#f64602
rgb(246,70,2)
-
#fd510f
#fd510f
rgb(253,81,15)
-
#fd5f22
#fd5f22
rgb(253,95,34)
-
#fd6d35
#fd6d35
rgb(253,109,53)
-
#fd7b49
#fd7b49
rgb(253,123,73)
-
#fe895c
#fe895c
rgb(254,137,92)
-
#fe9770
#fe9770
rgb(254,151,112)
-
#fea583
#fea583
rgb(254,165,131)
-
#feb397
#feb397
rgb(254,179,151)
-
#fec2aa
#fec2aa
rgb(254,194,170)
-
#fed0be
#fed0be
rgb(254,208,190)
-
#ffded1
#ffded1
rgb(255,222,209)
-
#ffece4
#ffece4
rgb(255,236,228)
-
#fffaf8
#fffaf8
rgb(255,250,248)
Tones of #fd5f22
A tone is produced by adding gray to any pure hue. In this case, #968d89 is the less saturated color, while #fd5f22 is the most saturated one.
-
#968d89
#968d89
rgb(150,141,137)
-
#9f8980
#9f8980
rgb(159,137,128)
-
#a78578
#a78578
rgb(167,133,120)
-
#b0816f
#b0816f
rgb(176,129,111)
-
#b87d67
#b87d67
rgb(184,125,103)
-
#c17a5e
#c17a5e
rgb(193,122,94)
-
#ca7655
#ca7655
rgb(202,118,85)
-
#d2724d
#d2724d
rgb(210,114,77)
-
#db6e44
#db6e44
rgb(219,110,68)
-
#e36a3c
#e36a3c
rgb(227,106,60)
-
#ec6733
#ec6733
rgb(236,103,51)
-
#f4632b
#f4632b
rgb(244,99,43)
-
#fd5f22
#fd5f22
rgb(253,95,34)
Color Blindness Simulator
Below, you can see how #fd5f22 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.