#f34346 Color Information
In a RGB color space, hex #f34346 is composed of 95.3% red, 26.3% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.4% magenta, 71.2% yellow and 4.7% black. It has a hue angle of 359 degrees, a saturation of 88% and a lightness of 60.8%. #f34346 color hex could be obtained by blending #ff868c with #e70000. Closest websafe color is: #ff3333.
-
- R 95
- G 26
- B 27
-
- C 0
- M 72
- Y 71
- K 5
● #f34346 color description : Bright red.
#f34346 Color Conversion
The hexadecimal color #f34346 has RGB values of R:243, G:67, B:70 and CMYK values of C:0, M:0.72, Y:0.71, K:0.05. Its decimal value is 15942470.
| Hex triplet | f34346 | #f34346 |
|---|---|---|
| RGB Decimal | 243, 67, 70 | rgb(243,67,70) |
| RGB Percent | 95.3, 26.3, 27.5 | rgb(95.3%,26.3%,27.5%) |
| CMYK | 0, 72, 71, 5 | |
| HSL | 359°, 88, 60.8 | hsl(359,88%,60.8%) |
| HSV (or HSB) | 359°, 72.4, 95.3 | |
| Web Safe | ff3333 | #ff3333 |
| CIE-LAB | 55.6, 66.314, 38.91 |
|---|---|
| XYZ | 40.077, 23.516, 8.223 |
| xyY | 0.558, 0.327, 23.516 |
| CIE-LCH | 55.6, 76.886, 30.403 |
| CIE-LUV | 55.6, 134.544, 27.91 |
| Hunter-Lab | 48.493, 62.656, 23.892 |
| Binary | 11110011, 01000011, 01000110 |
Color Schemes with #f34346
Alternatives to #f34346
Below, you can see some colors close to #f34346. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f34346 Preview
This text has a font color of #f34346.
<span style="color:#f34346;">Text here</span>
This paragraph has a background color of #f34346.
<p style="background-color:#f34346;">Content here</p>
This element has a border color of #f34346.
<div style="border:1px solid #f34346;">Content here</div>
.text {color:#f34346;}
.background {background-color:#f34346;}
.border {border:1px solid #f34346;}
Shades and Tints of #f34346
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, #0f0101 is the darkest color, while #fffbfb is the lightest one.
-
#0f0101
#0f0101rgb(15,1,1) -
#210203
#210203rgb(33,2,3) -
#340304
#340304rgb(52,3,4) -
#460406
#460406rgb(70,4,6) -
#590607
#590607rgb(89,6,7) -
#6b0709
#6b0709rgb(107,7,9) -
#7d080a
#7d080argb(125,8,10) -
#90090b
#90090brgb(144,9,11) -
#a20a0d
#a20a0drgb(162,10,13) -
#b50c0e
#b50c0ergb(181,12,14) -
#c70d10
#c70d10rgb(199,13,16) -
#da0e11
#da0e11rgb(218,14,17) -
#ec0f13
#ec0f13rgb(236,15,19)
-
#f11e22
#f11e22rgb(241,30,34) -
#f23134
#f23134rgb(242,49,52) -
#f34346
#f34346rgb(243,67,70) -
#f45558
#f45558rgb(244,85,88) -
#f5686a
#f5686argb(245,104,106) -
#f77a7c
#f77a7crgb(247,122,124) -
#f88d8f
#f88d8frgb(248,141,143) -
#f99fa1
#f99fa1rgb(249,159,161) -
#fab2b3
#fab2b3rgb(250,178,179) -
#fbc4c5
#fbc4c5rgb(251,196,197) -
#fcd7d7
#fcd7d7rgb(252,215,215) -
#fee9e9
#fee9e9rgb(254,233,233) -
#fffbfb
#fffbfbrgb(255,251,251)
Tones of #f34346
A tone is produced by adding gray to any pure hue. In this case, #9e9898 is the less saturated color, while #fb3b3f is the most saturated one.
-
#9e9898
#9e9898rgb(158,152,152) -
#a69090
#a69090rgb(166,144,144) -
#ae8889
#ae8889rgb(174,136,137) -
#b58181
#b58181rgb(181,129,129) -
#bd797a
#bd797argb(189,121,122) -
#c57173
#c57173rgb(197,113,115) -
#cd696b
#cd696brgb(205,105,107) -
#d46264
#d46264rgb(212,98,100) -
#dc5a5c
#dc5a5crgb(220,90,92) -
#e45255
#e45255rgb(228,82,85) -
#eb4b4d
#eb4b4drgb(235,75,77) -
#f34346
#f34346rgb(243,67,70) -
#fb3b3f
#fb3b3frgb(251,59,63)
Color Blindness Simulator
Below, you can see how #f34346 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.
