#f34a30 Color Information
In a RGB color space, hex #f34a30 is composed of 95.3% red, 29% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.5% magenta, 80.2% yellow and 4.7% black. It has a hue angle of 8 degrees, a saturation of 89% and a lightness of 57.1%. #f34a30 color hex could be obtained by blending #ff9460 with #e70000. Closest websafe color is: #ff3333.
-
- R 95
- G 29
- B 19
-
- C 0
- M 70
- Y 80
- K 5
● #f34a30 color description : Bright red.
#f34a30 Color Conversion
The hexadecimal color #f34a30 has RGB values of R:243, G:74, B:48 and CMYK values of C:0, M:0.7, Y:0.8, K:0.05. Its decimal value is 15944240.
Hex triplet | f34a30 | #f34a30 |
---|---|---|
RGB Decimal | 243, 74, 48 | rgb(243,74,48) |
RGB Percent | 95.3, 29, 18.8 | rgb(95.3%,29%,18.8%) |
CMYK | 0, 70, 80, 5 | |
HSL | 8°, 89, 57.1 | hsl(8,89%,57.1%) |
HSV (or HSB) | 8°, 80.2, 95.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 56.258, 63.07, 51.292 |
---|---|
XYZ | 39.946, 24.17, 5.358 |
xyY | 0.575, 0.348, 24.17 |
CIE-LCH | 56.258, 81.294, 39.12 |
CIE-LUV | 56.258, 134.493, 37.564 |
Hunter-Lab | 49.163, 58.999, 27.953 |
Binary | 11110011, 01001010, 00110000 |
Color Schemes with #f34a30
Alternatives to #f34a30
Below, you can see some colors close to #f34a30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f34a30 Preview
This text has a font color of #f34a30.
<span style="color:#f34a30;">Text here</span>
This paragraph has a background color of #f34a30.
<p style="background-color:#f34a30;">Content here</p>
This element has a border color of #f34a30.
<div style="border:1px solid #f34a30;">Content here</div>
.text {color:#f34a30;}
.background {background-color:#f34a30;}
.border {border:1px solid #f34a30;}
Shades and Tints of #f34a30
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, #0f0301 is the darkest color, while #fffcfc is the lightest one.
-
#0f0301
#0f0301
rgb(15,3,1)
-
#220602
#220602
rgb(34,6,2)
-
#350a03
#350a03
rgb(53,10,3)
-
#470d04
#470d04
rgb(71,13,4)
-
#5a1005
#5a1005
rgb(90,16,5)
-
#6c1406
#6c1406
rgb(108,20,6)
-
#7f1707
#7f1707
rgb(127,23,7)
-
#911b08
#911b08
rgb(145,27,8)
-
#a41e09
#a41e09
rgb(164,30,9)
-
#b6210b
#b6210b
rgb(182,33,11)
-
#c9250c
#c9250c
rgb(201,37,12)
-
#db280d
#db280d
rgb(219,40,13)
-
#ee2c0e
#ee2c0e
rgb(238,44,14)
-
#f23a1d
#f23a1d
rgb(242,58,29)
-
#f34a30
#f34a30
rgb(243,74,48)
-
#f45a43
#f45a43
rgb(244,90,67)
-
#f56a55
#f56a55
rgb(245,106,85)
-
#f67b68
#f67b68
rgb(246,123,104)
-
#f78b7a
#f78b7a
rgb(247,139,122)
-
#f89b8d
#f89b8d
rgb(248,155,141)
-
#f9ab9f
#f9ab9f
rgb(249,171,159)
-
#fbbbb2
#fbbbb2
rgb(251,187,178)
-
#fcccc4
#fcccc4
rgb(252,204,196)
-
#fddcd7
#fddcd7
rgb(253,220,215)
-
#feece9
#feece9
rgb(254,236,233)
-
#fffcfc
#fffcfc
rgb(255,252,252)
Tones of #f34a30
A tone is produced by adding gray to any pure hue. In this case, #968e8d is the less saturated color, while #fb4428 is the most saturated one.
-
#968e8d
#968e8d
rgb(150,142,141)
-
#9f8884
#9f8884
rgb(159,136,132)
-
#a7827c
#a7827c
rgb(167,130,124)
-
#b07b73
#b07b73
rgb(176,123,115)
-
#b8756b
#b8756b
rgb(184,117,107)
-
#c06f63
#c06f63
rgb(192,111,99)
-
#c9695a
#c9695a
rgb(201,105,90)
-
#d16352
#d16352
rgb(209,99,82)
-
#da5d49
#da5d49
rgb(218,93,73)
-
#e25641
#e25641
rgb(226,86,65)
-
#eb5038
#eb5038
rgb(235,80,56)
-
#f34a30
#f34a30
rgb(243,74,48)
-
#fb4428
#fb4428
rgb(251,68,40)
Color Blindness Simulator
Below, you can see how #f34a30 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.