#f34315 Color Information
In a RGB color space, hex #f34315 is composed of 95.3% red, 26.3% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.4% magenta, 91.4% yellow and 4.7% black. It has a hue angle of 12.4 degrees, a saturation of 90.2% and a lightness of 51.8%. #f34315 color hex could be obtained by blending #ff862a with #e70000. Closest websafe color is: #ff3300.
-
- R 95
- G 26
- B 8
-
- C 0
- M 72
- Y 91
- K 5
● #f34315 color description : Vivid red.
#f34315 Color Conversion
The hexadecimal color #f34315 has RGB values of R:243, G:67, B:21 and CMYK values of C:0, M:0.72, Y:0.91, K:0.05. Its decimal value is 15942421.
Hex triplet | f34315 | #f34315 |
---|---|---|
RGB Decimal | 243, 67, 21 | rgb(243,67,21) |
RGB Percent | 95.3, 26.3, 8.2 | rgb(95.3%,26.3%,8.2%) |
CMYK | 0, 72, 91, 5 | |
HSL | 12.4°, 90.2, 51.8 | hsl(12.4,90.2%,51.8%) |
HSV (or HSB) | 12.4°, 91.4, 95.3 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 55.204, 64.971, 61.6 |
---|---|
XYZ | 39.107, 23.128, 3.114 |
xyY | 0.598, 0.354, 23.128 |
CIE-LCH | 55.204, 89.531, 43.475 |
CIE-LUV | 55.204, 141.957, 41.722 |
Hunter-Lab | 48.091, 60.991, 29.824 |
Binary | 11110011, 01000011, 00010101 |
Color Schemes with #f34315
Alternatives to #f34315
Below, you can see some colors close to #f34315. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f34315 Preview
This text has a font color of #f34315.
<span style="color:#f34315;">Text here</span>
This paragraph has a background color of #f34315.
<p style="background-color:#f34315;">Content here</p>
This element has a border color of #f34315.
<div style="border:1px solid #f34315;">Content here</div>
.text {color:#f34315;}
.background {background-color:#f34315;}
.border {border:1px solid #f34315;}
Shades and Tints of #f34315
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, #090200 is the darkest color, while #fef7f5 is the lightest one.
-
#090200
#090200
rgb(9,2,0)
-
#1b0701
#1b0701
rgb(27,7,1)
-
#2e0b02
#2e0b02
rgb(46,11,2)
-
#411003
#411003
rgb(65,16,3)
-
#531504
#531504
rgb(83,21,4)
-
#661905
#661905
rgb(102,25,5)
-
#791e06
#791e06
rgb(121,30,6)
-
#8b2207
#8b2207
rgb(139,34,7)
-
#9e2708
#9e2708
rgb(158,39,8)
-
#b02c09
#b02c09
rgb(176,44,9)
-
#c3300a
#c3300a
rgb(195,48,10)
-
#d6350b
#d6350b
rgb(214,53,11)
-
#e83a0c
#e83a0c
rgb(232,58,12)
-
#f34315
#f34315
rgb(243,67,21)
-
#f45228
#f45228
rgb(244,82,40)
-
#f5613a
#f5613a
rgb(245,97,58)
-
#f6704d
#f6704d
rgb(246,112,77)
-
#f77f60
#f77f60
rgb(247,127,96)
-
#f88e72
#f88e72
rgb(248,142,114)
-
#f99d85
#f99d85
rgb(249,157,133)
-
#faac98
#faac98
rgb(250,172,152)
-
#fbbbaa
#fbbbaa
rgb(251,187,170)
-
#fccabd
#fccabd
rgb(252,202,189)
-
#fdd9d0
#fdd9d0
rgb(253,217,208)
-
#fee8e2
#fee8e2
rgb(254,232,226)
-
#fef7f5
#fef7f5
rgb(254,247,245)
Tones of #f34315
A tone is produced by adding gray to any pure hue. In this case, #8b807d is the less saturated color, while #fc3d0c is the most saturated one.
-
#8b807d
#8b807d
rgb(139,128,125)
-
#947a74
#947a74
rgb(148,122,116)
-
#9e756a
#9e756a
rgb(158,117,106)
-
#a76f61
#a76f61
rgb(167,111,97)
-
#b16a57
#b16a57
rgb(177,106,87)
-
#ba644e
#ba644e
rgb(186,100,78)
-
#c45f44
#c45f44
rgb(196,95,68)
-
#cd593b
#cd593b
rgb(205,89,59)
-
#d75431
#d75431
rgb(215,84,49)
-
#e04e28
#e04e28
rgb(224,78,40)
-
#ea491e
#ea491e
rgb(234,73,30)
-
#f34315
#f34315
rgb(243,67,21)
-
#fc3d0c
#fc3d0c
rgb(252,61,12)
Color Blindness Simulator
Below, you can see how #f34315 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.