#ff7020 Color Information
In a RGB color space, hex #ff7020 is composed of 100% red, 43.9% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.1% magenta, 87.5% yellow and 0% black. It has a hue angle of 21.5 degrees, a saturation of 100% and a lightness of 56.3%. #ff7020 color hex could be obtained by blending #ffe040 with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 44
- B 13
-
- C 0
- M 56
- Y 87
- K 0
● #ff7020 color description : Vivid orange.
#ff7020 Color Conversion
The hexadecimal color #ff7020 has RGB values of R:255, G:112, B:32 and CMYK values of C:0, M:0.56, Y:0.87, K:0. Its decimal value is 16740384.
Hex triplet | ff7020 | #ff7020 |
---|---|---|
RGB Decimal | 255, 112, 32 | rgb(255,112,32) |
RGB Percent | 100, 43.9, 12.5 | rgb(100%,43.9%,12.5%) |
CMYK | 0, 56, 87, 0 | |
HSL | 21.5°, 100, 56.3 | hsl(21.5,100%,56.3%) |
HSV (or HSB) | 21.5°, 87.5, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 64.127, 50.846, 65.414 |
---|---|
XYZ | 47.297, 32.958, 5.237 |
xyY | 0.553, 0.386, 32.958 |
CIE-LCH | 64.127, 82.851, 52.142 |
CIE-LUV | 64.127, 118.034, 53.216 |
Hunter-Lab | 57.409, 46.595, 34.777 |
Binary | 11111111, 01110000, 00100000 |
Color Schemes with #ff7020
Alternatives to #ff7020
Below, you can see some colors close to #ff7020. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff7020 Preview
This text has a font color of #ff7020.
<span style="color:#ff7020;">Text here</span>
This paragraph has a background color of #ff7020.
<p style="background-color:#ff7020;">Content here</p>
This element has a border color of #ff7020.
<div style="border:1px solid #ff7020;">Content here</div>
.text {color:#ff7020;}
.background {background-color:#ff7020;}
.border {border:1px solid #ff7020;}
Shades and Tints of #ff7020
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)
-
#341300
#341300
rgb(52,19,0)
-
#471a00
#471a00
rgb(71,26,0)
-
#5b2100
#5b2100
rgb(91,33,0)
-
#6e2800
#6e2800
rgb(110,40,0)
-
#822f00
#822f00
rgb(130,47,0)
-
#963600
#963600
rgb(150,54,0)
-
#a93d00
#a93d00
rgb(169,61,0)
-
#bd4400
#bd4400
rgb(189,68,0)
-
#d14b00
#d14b00
rgb(209,75,0)
-
#e45200
#e45200
rgb(228,82,0)
-
#f85900
#f85900
rgb(248,89,0)
-
#ff630c
#ff630c
rgb(255,99,12)
-
#ff7020
#ff7020
rgb(255,112,32)
-
#ff7d34
#ff7d34
rgb(255,125,52)
-
#ff8947
#ff8947
rgb(255,137,71)
-
#ff965b
#ff965b
rgb(255,150,91)
-
#ffa26e
#ffa26e
rgb(255,162,110)
-
#ffaf82
#ffaf82
rgb(255,175,130)
-
#ffbb96
#ffbb96
rgb(255,187,150)
-
#ffc8a9
#ffc8a9
rgb(255,200,169)
-
#ffd5bd
#ffd5bd
rgb(255,213,189)
-
#ffe1d1
#ffe1d1
rgb(255,225,209)
-
#ffeee4
#ffeee4
rgb(255,238,228)
-
#fffaf8
#fffaf8
rgb(255,250,248)
Tones of #ff7020
A tone is produced by adding gray to any pure hue. In this case, #988d87 is the less saturated color, while #ff7020 is the most saturated one.
-
#988d87
#988d87
rgb(152,141,135)
-
#a18b7e
#a18b7e
rgb(161,139,126)
-
#a98876
#a98876
rgb(169,136,118)
-
#b2866d
#b2866d
rgb(178,134,109)
-
#ba8365
#ba8365
rgb(186,131,101)
-
#c3815c
#c3815c
rgb(195,129,92)
-
#cc7f53
#cc7f53
rgb(204,127,83)
-
#d47c4b
#d47c4b
rgb(212,124,75)
-
#dd7a42
#dd7a42
rgb(221,122,66)
-
#e5773a
#e5773a
rgb(229,119,58)
-
#ee7531
#ee7531
rgb(238,117,49)
-
#f67229
#f67229
rgb(246,114,41)
-
#ff7020
#ff7020
rgb(255,112,32)
Color Blindness Simulator
Below, you can see how #ff7020 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.