#ff1020 Color Information
In a RGB color space, hex #ff1020 is composed of 100% red, 6.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.7% magenta, 87.5% yellow and 0% black. It has a hue angle of 356 degrees, a saturation of 100% and a lightness of 53.1%. #ff1020 color hex could be obtained by blending #ff2040 with #ff0000. Closest websafe color is: #ff0033.
-
- R 100
- G 6
- B 13
-
- C 0
- M 94
- Y 87
- K 0
● #ff1020 color description : Vivid red.
#ff1020 Color Conversion
The hexadecimal color #ff1020 has RGB values of R:255, G:16, B:32 and CMYK values of C:0, M:0.94, Y:0.87, K:0. Its decimal value is 16715808.
Hex triplet | ff1020 | #ff1020 |
---|---|---|
RGB Decimal | 255, 16, 32 | rgb(255,16,32) |
RGB Percent | 100, 6.3, 12.5 | rgb(100%,6.3%,12.5%) |
CMYK | 0, 94, 87, 0 | |
HSL | 356°, 100, 53.1 | hsl(356,100%,53.1%) |
HSV (or HSB) | 356°, 93.7, 100 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 53.751, 79.245, 57.479 |
---|---|
XYZ | 41.688, 21.74, 3.368 |
xyY | 0.624, 0.325, 21.74 |
CIE-LCH | 53.751, 97.896, 35.955 |
CIE-LUV | 53.751, 170.095, 34.541 |
Hunter-Lab | 46.627, 77.998, 28.356 |
Binary | 11111111, 00010000, 00100000 |
Color Schemes with #ff1020
Alternatives to #ff1020
Below, you can see some colors close to #ff1020. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff1020 Preview
This text has a font color of #ff1020.
<span style="color:#ff1020;">Text here</span>
This paragraph has a background color of #ff1020.
<p style="background-color:#ff1020;">Content here</p>
This element has a border color of #ff1020.
<div style="border:1px solid #ff1020;">Content here</div>
.text {color:#ff1020;}
.background {background-color:#ff1020;}
.border {border:1px solid #ff1020;}
Shades and Tints of #ff1020
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, #100001 is the darkest color, while #fffbfc is the lightest one.
-
#100001
#100001
rgb(16,0,1)
-
#240002
#240002
rgb(36,0,2)
-
#370004
#370004
rgb(55,0,4)
-
#4b0005
#4b0005
rgb(75,0,5)
-
#5e0006
#5e0006
rgb(94,0,6)
-
#720008
#720008
rgb(114,0,8)
-
#860009
#860009
rgb(134,0,9)
-
#99000a
#99000a
rgb(153,0,10)
-
#ad000c
#ad000c
rgb(173,0,12)
-
#c1000d
#c1000d
rgb(193,0,13)
-
#d4000e
#d4000e
rgb(212,0,14)
-
#e80010
#e80010
rgb(232,0,16)
-
#fb0011
#fb0011
rgb(251,0,17)
-
#ff1020
#ff1020
rgb(255,16,32)
-
#ff2432
#ff2432
rgb(255,36,50)
-
#ff3745
#ff3745
rgb(255,55,69)
-
#ff4b57
#ff4b57
rgb(255,75,87)
-
#ff5e69
#ff5e69
rgb(255,94,105)
-
#ff727c
#ff727c
rgb(255,114,124)
-
#ff868e
#ff868e
rgb(255,134,142)
-
#ff99a0
#ff99a0
rgb(255,153,160)
-
#ffadb2
#ffadb2
rgb(255,173,178)
-
#ffc1c5
#ffc1c5
rgb(255,193,197)
-
#ffd4d7
#ffd4d7
rgb(255,212,215)
-
#ffe8e9
#ffe8e9
rgb(255,232,233)
-
#fffbfc
#fffbfc
rgb(255,251,252)
Tones of #ff1020
A tone is produced by adding gray to any pure hue. In this case, #917e80 is the less saturated color, while #ff1020 is the most saturated one.
-
#917e80
#917e80
rgb(145,126,128)
-
#9a7578
#9a7578
rgb(154,117,120)
-
#a36c70
#a36c70
rgb(163,108,112)
-
#ac6368
#ac6368
rgb(172,99,104)
-
#b55a60
#b55a60
rgb(181,90,96)
-
#bf5058
#bf5058
rgb(191,80,88)
-
#c84750
#c84750
rgb(200,71,80)
-
#d13e48
#d13e48
rgb(209,62,72)
-
#da3540
#da3540
rgb(218,53,64)
-
#e32c38
#e32c38
rgb(227,44,56)
-
#ed2230
#ed2230
rgb(237,34,48)
-
#f61928
#f61928
rgb(246,25,40)
-
#ff1020
#ff1020
rgb(255,16,32)
Color Blindness Simulator
Below, you can see how #ff1020 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.