#f30b30 Color Information
In a RGB color space, hex #f30b30 is composed of 95.3% red, 4.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.5% magenta, 80.2% yellow and 4.7% black. It has a hue angle of 350.4 degrees, a saturation of 91.3% and a lightness of 49.8%. #f30b30 color hex could be obtained by blending #ff1660 with #e70000. Closest websafe color is: #ff0033.
-
- R 95
- G 4
- B 19
-
- C 0
- M 95
- Y 80
- K 5
● #f30b30 color description : Vivid red.
#f30b30 Color Conversion
The hexadecimal color #f30b30 has RGB values of R:243, G:11, B:48 and CMYK values of C:0, M:0.95, Y:0.8, K:0.05. Its decimal value is 15928112.
Hex triplet | f30b30 | #f30b30 |
---|---|---|
RGB Decimal | 243, 11, 48 | rgb(243,11,48) |
RGB Percent | 95.3, 4.3, 18.8 | rgb(95.3%,4.3%,18.8%) |
CMYK | 0, 95, 80, 5 | |
HSL | 350.4°, 91.3, 49.8 | hsl(350.4,91.3%,49.8%) |
HSV (or HSB) | 350.4°, 95.5, 95.3 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 51.281, 77.096, 46.438 |
---|---|
XYZ | 37.617, 19.512, 4.582 |
xyY | 0.61, 0.316, 19.512 |
CIE-LCH | 51.281, 90.001, 31.062 |
CIE-LUV | 51.281, 159.671, 28.06 |
Hunter-Lab | 44.173, 74.707, 24.771 |
Binary | 11110011, 00001011, 00110000 |
Color Schemes with #f30b30
Alternatives to #f30b30
Below, you can see some colors close to #f30b30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f30b30 Preview
This text has a font color of #f30b30.
<span style="color:#f30b30;">Text here</span>
This paragraph has a background color of #f30b30.
<p style="background-color:#f30b30;">Content here</p>
This element has a border color of #f30b30.
<div style="border:1px solid #f30b30;">Content here</div>
.text {color:#f30b30;}
.background {background-color:#f30b30;}
.border {border:1px solid #f30b30;}
Shades and Tints of #f30b30
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, #120104 is the darkest color, while #fffefe is the lightest one.
-
#120104
#120104
rgb(18,1,4)
-
#250207
#250207
rgb(37,2,7)
-
#37030b
#37030b
rgb(55,3,11)
-
#4a030f
#4a030f
rgb(74,3,15)
-
#5d0412
#5d0412
rgb(93,4,18)
-
#700516
#700516
rgb(112,5,22)
-
#82061a
#82061a
rgb(130,6,26)
-
#95071d
#95071d
rgb(149,7,29)
-
#a80821
#a80821
rgb(168,8,33)
-
#bb0825
#bb0825
rgb(187,8,37)
-
#cd0929
#cd0929
rgb(205,9,41)
-
#e00a2c
#e00a2c
rgb(224,10,44)
-
#f30b30
#f30b30
rgb(243,11,48)
-
#f51d3f
#f51d3f
rgb(245,29,63)
-
#f6304f
#f6304f
rgb(246,48,79)
-
#f6425f
#f6425f
rgb(246,66,95)
-
#f7556f
#f7556f
rgb(247,85,111)
-
#f8687f
#f8687f
rgb(248,104,127)
-
#f97b8f
#f97b8f
rgb(249,123,143)
-
#fa8d9f
#fa8d9f
rgb(250,141,159)
-
#fba0af
#fba0af
rgb(251,160,175)
-
#fcb3bf
#fcb3bf
rgb(252,179,191)
-
#fcc6ce
#fcc6ce
rgb(252,198,206)
-
#fdd9de
#fdd9de
rgb(253,217,222)
-
#feebee
#feebee
rgb(254,235,238)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #f30b30
A tone is produced by adding gray to any pure hue. In this case, #887679 is the less saturated color, while #fd0129 is the most saturated one.
-
#887679
#887679
rgb(136,118,121)
-
#916d73
#916d73
rgb(145,109,115)
-
#9b636c
#9b636c
rgb(155,99,108)
-
#a55965
#a55965
rgb(165,89,101)
-
#af4f5f
#af4f5f
rgb(175,79,95)
-
#b84658
#b84658
rgb(184,70,88)
-
#c23c51
#c23c51
rgb(194,60,81)
-
#cc324b
#cc324b
rgb(204,50,75)
-
#d62844
#d62844
rgb(214,40,68)
-
#df1f3d
#df1f3d
rgb(223,31,61)
-
#e91537
#e91537
rgb(233,21,55)
-
#f30b30
#f30b30
rgb(243,11,48)
-
#fd0129
#fd0129
rgb(253,1,41)
Color Blindness Simulator
Below, you can see how #f30b30 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.