#ff301e Color Information
In a RGB color space, hex #ff301e is composed of 100% red, 18.8% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.2% magenta, 88.2% yellow and 0% black. It has a hue angle of 4.8 degrees, a saturation of 100% and a lightness of 55.9%. #ff301e color hex could be obtained by blending #ff603c with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 19
- B 12
-
- C 0
- M 81
- Y 88
- K 0
● #ff301e color description : Vivid red.
#ff301e Color Conversion
The hexadecimal color #ff301e has RGB values of R:255, G:48, B:30 and CMYK values of C:0, M:0.81, Y:0.88, K:0. Its decimal value is 16723998.
Hex triplet | ff301e | #ff301e |
---|---|---|
RGB Decimal | 255, 48, 30 | rgb(255,48,30) |
RGB Percent | 100, 18.8, 11.8 | rgb(100%,18.8%,11.8%) |
CMYK | 0, 81, 88, 0 | |
HSL | 4.8°, 100, 55.9 | hsl(4.8,100%,55.9%) |
HSV (or HSB) | 4.8°, 88.2, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.556, 74.012, 59.664 |
---|---|
XYZ | 42.534, 23.473, 3.52 |
xyY | 0.612, 0.338, 23.473 |
CIE-LCH | 55.556, 95.065, 38.874 |
CIE-LUV | 55.556, 160.371, 38.311 |
Hunter-Lab | 48.449, 71.92, 29.607 |
Binary | 11111111, 00110000, 00011110 |
Color Schemes with #ff301e
Alternatives to #ff301e
Below, you can see some colors close to #ff301e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff301e Preview
This text has a font color of #ff301e.
<span style="color:#ff301e;">Text here</span>
This paragraph has a background color of #ff301e.
<p style="background-color:#ff301e;">Content here</p>
This element has a border color of #ff301e.
<div style="border:1px solid #ff301e;">Content here</div>
.text {color:#ff301e;}
.background {background-color:#ff301e;}
.border {border:1px solid #ff301e;}
Shades and Tints of #ff301e
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, #0a0100 is the darkest color, while #fff7f6 is the lightest one.
-
#0a0100
#0a0100
rgb(10,1,0)
-
#1e0200
#1e0200
rgb(30,2,0)
-
#320400
#320400
rgb(50,4,0)
-
#450600
#450600
rgb(69,6,0)
-
#590700
#590700
rgb(89,7,0)
-
#6c0900
#6c0900
rgb(108,9,0)
-
#800a00
#800a00
rgb(128,10,0)
-
#940c00
#940c00
rgb(148,12,0)
-
#a70d00
#a70d00
rgb(167,13,0)
-
#bb0f00
#bb0f00
rgb(187,15,0)
-
#cf1100
#cf1100
rgb(207,17,0)
-
#e21200
#e21200
rgb(226,18,0)
-
#f61400
#f61400
rgb(246,20,0)
-
#ff1e0a
#ff1e0a
rgb(255,30,10)
-
#ff301e
#ff301e
rgb(255,48,30)
-
#ff4232
#ff4232
rgb(255,66,50)
-
#ff5445
#ff5445
rgb(255,84,69)
-
#ff6659
#ff6659
rgb(255,102,89)
-
#ff786c
#ff786c
rgb(255,120,108)
-
#ff8a80
#ff8a80
rgb(255,138,128)
-
#ff9c94
#ff9c94
rgb(255,156,148)
-
#ffaea7
#ffaea7
rgb(255,174,167)
-
#ffc0bb
#ffc0bb
rgb(255,192,187)
-
#ffd2cf
#ffd2cf
rgb(255,210,207)
-
#ffe4e2
#ffe4e2
rgb(255,228,226)
-
#fff7f6
#fff7f6
rgb(255,247,246)
Tones of #ff301e
A tone is produced by adding gray to any pure hue. In this case, #978786 is the less saturated color, while #ff301e is the most saturated one.
-
#978786
#978786
rgb(151,135,134)
-
#a0807d
#a0807d
rgb(160,128,125)
-
#a87975
#a87975
rgb(168,121,117)
-
#b1716c
#b1716c
rgb(177,113,108)
-
#ba6a63
#ba6a63
rgb(186,106,99)
-
#c2635b
#c2635b
rgb(194,99,91)
-
#cb5c52
#cb5c52
rgb(203,92,82)
-
#d45449
#d45449
rgb(212,84,73)
-
#dc4d41
#dc4d41
rgb(220,77,65)
-
#e54638
#e54638
rgb(229,70,56)
-
#ee3f2f
#ee3f2f
rgb(238,63,47)
-
#f63727
#f63727
rgb(246,55,39)
-
#ff301e
#ff301e
rgb(255,48,30)
Color Blindness Simulator
Below, you can see how #ff301e 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.