#fd6f22 Color Information
In a RGB color space, hex #fd6f22 is composed of 99.2% red, 43.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.1% magenta, 86.6% yellow and 0.8% black. It has a hue angle of 21.1 degrees, a saturation of 98.2% and a lightness of 56.3%. #fd6f22 color hex could be obtained by blending #ffde44 with #fb0000. Closest websafe color is: #ff6633.
-
- R 99
- G 44
- B 13
-
- C 0
- M 56
- Y 87
- K 1
● #fd6f22 color description : Vivid orange.
#fd6f22 Color Conversion
The hexadecimal color #fd6f22 has RGB values of R:253, G:111, B:34 and CMYK values of C:0, M:0.56, Y:0.87, K:0.01. Its decimal value is 16609058.
Hex triplet | fd6f22 | #fd6f22 |
---|---|---|
RGB Decimal | 253, 111, 34 | rgb(253,111,34) |
RGB Percent | 99.2, 43.5, 13.3 | rgb(99.2%,43.5%,13.3%) |
CMYK | 0, 56, 87, 1 | |
HSL | 21.1°, 98.2, 56.3 | hsl(21.1,98.2%,56.3%) |
HSV (or HSB) | 21.1°, 86.6, 99.2 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 63.649, 50.618, 64.237 |
---|---|
XYZ | 46.483, 32.372, 5.314 |
xyY | 0.552, 0.385, 32.372 |
CIE-LCH | 63.649, 81.784, 51.762 |
CIE-LUV | 63.649, 117.042, 52.389 |
Hunter-Lab | 56.896, 46.263, 34.29 |
Binary | 11111101, 01101111, 00100010 |
Color Schemes with #fd6f22
Alternatives to #fd6f22
Below, you can see some colors close to #fd6f22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fd6f22 Preview
This text has a font color of #fd6f22.
<span style="color:#fd6f22;">Text here</span>
This paragraph has a background color of #fd6f22.
<p style="background-color:#fd6f22;">Content here</p>
This element has a border color of #fd6f22.
<div style="border:1px solid #fd6f22;">Content here</div>
.text {color:#fd6f22;}
.background {background-color:#fd6f22;}
.border {border:1px solid #fd6f22;}
Shades and Tints of #fd6f22
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, #0c0400 is the darkest color, while #fffaf8 is the lightest one.
-
#0c0400
#0c0400
rgb(12,4,0)
-
#200b00
#200b00
rgb(32,11,0)
-
#331200
#331200
rgb(51,18,0)
-
#471901
#471901
rgb(71,25,1)
-
#5a2001
#5a2001
rgb(90,32,1)
-
#6d2701
#6d2701
rgb(109,39,1)
-
#812e01
#812e01
rgb(129,46,1)
-
#943501
#943501
rgb(148,53,1)
-
#a83c02
#a83c02
rgb(168,60,2)
-
#bb4302
#bb4302
rgb(187,67,2)
-
#cf4a02
#cf4a02
rgb(207,74,2)
-
#e25102
#e25102
rgb(226,81,2)
-
#f65802
#f65802
rgb(246,88,2)
-
#fd620f
#fd620f
rgb(253,98,15)
-
#fd6f22
#fd6f22
rgb(253,111,34)
-
#fd7c35
#fd7c35
rgb(253,124,53)
-
#fd8849
#fd8849
rgb(253,136,73)
-
#fe955c
#fe955c
rgb(254,149,92)
-
#fea270
#fea270
rgb(254,162,112)
-
#feae83
#feae83
rgb(254,174,131)
-
#febb97
#febb97
rgb(254,187,151)
-
#fec8aa
#fec8aa
rgb(254,200,170)
-
#fed4be
#fed4be
rgb(254,212,190)
-
#ffe1d1
#ffe1d1
rgb(255,225,209)
-
#ffeee4
#ffeee4
rgb(255,238,228)
-
#fffaf8
#fffaf8
rgb(255,250,248)
Tones of #fd6f22
A tone is produced by adding gray to any pure hue. In this case, #968e89 is the less saturated color, while #fd6f22 is the most saturated one.
-
#968e89
#968e89
rgb(150,142,137)
-
#9f8b80
#9f8b80
rgb(159,139,128)
-
#a78878
#a78878
rgb(167,136,120)
-
#b0866f
#b0866f
rgb(176,134,111)
-
#b88367
#b88367
rgb(184,131,103)
-
#c1815e
#c1815e
rgb(193,129,94)
-
#ca7e55
#ca7e55
rgb(202,126,85)
-
#d27c4d
#d27c4d
rgb(210,124,77)
-
#db7944
#db7944
rgb(219,121,68)
-
#e3773c
#e3773c
rgb(227,119,60)
-
#ec7433
#ec7433
rgb(236,116,51)
-
#f4722b
#f4722b
rgb(244,114,43)
-
#fd6f22
#fd6f22
rgb(253,111,34)
Color Blindness Simulator
Below, you can see how #fd6f22 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.