#fd7022 Color Information
In a RGB color space, hex #fd7022 is composed of 99.2% red, 43.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.7% magenta, 86.6% yellow and 0.8% black. It has a hue angle of 21.4 degrees, a saturation of 98.2% and a lightness of 56.3%. #fd7022 color hex could be obtained by blending #ffe044 with #fb0000. Closest websafe color is: #ff6633.
-
- R 99
- G 44
- B 13
-
- C 0
- M 56
- Y 87
- K 1
● #fd7022 color description : Vivid orange.
#fd7022 Color Conversion
The hexadecimal color #fd7022 has RGB values of R:253, G:112, B:34 and CMYK values of C:0, M:0.56, Y:0.87, K:0.01. Its decimal value is 16609314.
Hex triplet | fd7022 | #fd7022 |
---|---|---|
RGB Decimal | 253, 112, 34 | rgb(253,112,34) |
RGB Percent | 99.2, 43.9, 13.3 | rgb(99.2%,43.9%,13.3%) |
CMYK | 0, 56, 87, 1 | |
HSL | 21.4°, 98.2, 56.3 | hsl(21.4,98.2%,56.3%) |
HSV (or HSB) | 21.4°, 86.6, 99.2 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 63.829, 50.154, 64.38 |
---|---|
XYZ | 46.593, 32.591, 5.351 |
xyY | 0.551, 0.386, 32.591 |
CIE-LCH | 63.829, 81.61, 52.08 |
CIE-LUV | 63.829, 116.241, 52.7 |
Hunter-Lab | 57.089, 45.777, 34.405 |
Binary | 11111101, 01110000, 00100010 |
Color Schemes with #fd7022
Alternatives to #fd7022
Below, you can see some colors close to #fd7022. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fd7022 Preview
This text has a font color of #fd7022.
<span style="color:#fd7022;">Text here</span>
This paragraph has a background color of #fd7022.
<p style="background-color:#fd7022;">Content here</p>
This element has a border color of #fd7022.
<div style="border:1px solid #fd7022;">Content here</div>
.text {color:#fd7022;}
.background {background-color:#fd7022;}
.border {border:1px solid #fd7022;}
Shades and Tints of #fd7022
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)
-
#331300
#331300
rgb(51,19,0)
-
#471a01
#471a01
rgb(71,26,1)
-
#5a2101
#5a2101
rgb(90,33,1)
-
#6d2801
#6d2801
rgb(109,40,1)
-
#812f01
#812f01
rgb(129,47,1)
-
#943601
#943601
rgb(148,54,1)
-
#a83d02
#a83d02
rgb(168,61,2)
-
#bb4402
#bb4402
rgb(187,68,2)
-
#cf4b02
#cf4b02
rgb(207,75,2)
-
#e25202
#e25202
rgb(226,82,2)
-
#f65902
#f65902
rgb(246,89,2)
-
#fd630f
#fd630f
rgb(253,99,15)
-
#fd7022
#fd7022
rgb(253,112,34)
-
#fd7d35
#fd7d35
rgb(253,125,53)
-
#fd8949
#fd8949
rgb(253,137,73)
-
#fe965c
#fe965c
rgb(254,150,92)
-
#fea270
#fea270
rgb(254,162,112)
-
#feaf83
#feaf83
rgb(254,175,131)
-
#febb97
#febb97
rgb(254,187,151)
-
#fec8aa
#fec8aa
rgb(254,200,170)
-
#fed5be
#fed5be
rgb(254,213,190)
-
#ffe1d1
#ffe1d1
rgb(255,225,209)
-
#ffeee4
#ffeee4
rgb(255,238,228)
-
#fffaf8
#fffaf8
rgb(255,250,248)
Tones of #fd7022
A tone is produced by adding gray to any pure hue. In this case, #968e89 is the less saturated color, while #fd7022 is the most saturated one.
-
#968e89
#968e89
rgb(150,142,137)
-
#9f8b80
#9f8b80
rgb(159,139,128)
-
#a78978
#a78978
rgb(167,137,120)
-
#b0866f
#b0866f
rgb(176,134,111)
-
#b88467
#b88467
rgb(184,132,103)
-
#c1815e
#c1815e
rgb(193,129,94)
-
#ca7f55
#ca7f55
rgb(202,127,85)
-
#d27c4d
#d27c4d
rgb(210,124,77)
-
#db7a44
#db7a44
rgb(219,122,68)
-
#e3773c
#e3773c
rgb(227,119,60)
-
#ec7533
#ec7533
rgb(236,117,51)
-
#f4722b
#f4722b
rgb(244,114,43)
-
#fd7022
#fd7022
rgb(253,112,34)
Color Blindness Simulator
Below, you can see how #fd7022 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.