#ff3313 Color Information
In a RGB color space, hex #ff3313 is composed of 100% red, 20% green and 7.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 92.5% yellow and 0% black. It has a hue angle of 8.1 degrees, a saturation of 100% and a lightness of 53.7%. #ff3313 color hex could be obtained by blending #ff6626 with #ff0000. Closest websafe color is: #ff3300.
-
- R 100
- G 20
- B 7
-
- C 0
- M 80
- Y 93
- K 0
● #ff3313 color description : Vivid red.
#ff3313 Color Conversion
The hexadecimal color #ff3313 has RGB values of R:255, G:51, B:19 and CMYK values of C:0, M:0.8, Y:0.93, K:0. Its decimal value is 16724755.
Hex triplet | ff3313 | #ff3313 |
---|---|---|
RGB Decimal | 255, 51, 19 | rgb(255,51,19) |
RGB Percent | 100, 20, 7.5 | rgb(100%,20%,7.5%) |
CMYK | 0, 80, 93, 0 | |
HSL | 8.1°, 100, 53.7 | hsl(8.1,100%,53.7%) |
HSV (or HSB) | 8.1°, 92.5, 100 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 55.766, 73.138, 63.688 |
---|---|
XYZ | 42.544, 23.68, 2.947 |
xyY | 0.615, 0.342, 23.68 |
CIE-LCH | 55.766, 96.981, 41.049 |
CIE-LUV | 55.766, 160.003, 40.479 |
Hunter-Lab | 48.662, 70.897, 30.473 |
Binary | 11111111, 00110011, 00010011 |
Color Schemes with #ff3313
Alternatives to #ff3313
Below, you can see some colors close to #ff3313. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff3313 Preview
This text has a font color of #ff3313.
<span style="color:#ff3313;">Text here</span>
This paragraph has a background color of #ff3313.
<p style="background-color:#ff3313;">Content here</p>
This element has a border color of #ff3313.
<div style="border:1px solid #ff3313;">Content here</div>
.text {color:#ff3313;}
.background {background-color:#ff3313;}
.border {border:1px solid #ff3313;}
Shades and Tints of #ff3313
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, #130300 is the darkest color, while #fffefe is the lightest one.
-
#130300
#130300
rgb(19,3,0)
-
#270500
#270500
rgb(39,5,0)
-
#3a0800
#3a0800
rgb(58,8,0)
-
#4e0b00
#4e0b00
rgb(78,11,0)
-
#610d00
#610d00
rgb(97,13,0)
-
#751000
#751000
rgb(117,16,0)
-
#891300
#891300
rgb(137,19,0)
-
#9c1500
#9c1500
rgb(156,21,0)
-
#b01800
#b01800
rgb(176,24,0)
-
#c41b00
#c41b00
rgb(196,27,0)
-
#d71d00
#d71d00
rgb(215,29,0)
-
#eb2000
#eb2000
rgb(235,32,0)
-
#fe2200
#fe2200
rgb(254,34,0)
-
#ff3313
#ff3313
rgb(255,51,19)
-
#ff4427
#ff4427
rgb(255,68,39)
-
#ff553a
#ff553a
rgb(255,85,58)
-
#ff664e
#ff664e
rgb(255,102,78)
-
#ff7761
#ff7761
rgb(255,119,97)
-
#ff8875
#ff8875
rgb(255,136,117)
-
#ff9989
#ff9989
rgb(255,153,137)
-
#ffaa9c
#ffaa9c
rgb(255,170,156)
-
#ffbbb0
#ffbbb0
rgb(255,187,176)
-
#ffccc4
#ffccc4
rgb(255,204,196)
-
#ffddd7
#ffddd7
rgb(255,221,215)
-
#ffeeeb
#ffeeeb
rgb(255,238,235)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #ff3313
A tone is produced by adding gray to any pure hue. In this case, #928280 is the less saturated color, while #ff3313 is the most saturated one.
-
#928280
#928280
rgb(146,130,128)
-
#9b7c77
#9b7c77
rgb(155,124,119)
-
#a4756e
#a4756e
rgb(164,117,110)
-
#ad6f65
#ad6f65
rgb(173,111,101)
-
#b6685c
#b6685c
rgb(182,104,92)
-
#bf6153
#bf6153
rgb(191,97,83)
-
#c95b49
#c95b49
rgb(201,91,73)
-
#d25440
#d25440
rgb(210,84,64)
-
#db4d37
#db4d37
rgb(219,77,55)
-
#e4472e
#e4472e
rgb(228,71,46)
-
#ed4025
#ed4025
rgb(237,64,37)
-
#f63a1c
#f63a1c
rgb(246,58,28)
-
#ff3313
#ff3313
rgb(255,51,19)
Color Blindness Simulator
Below, you can see how #ff3313 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.