#f34163 Color Information
In a RGB color space, hex #f34163 is composed of 95.3% red, 25.5% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.3% magenta, 59.3% yellow and 4.7% black. It has a hue angle of 348.5 degrees, a saturation of 88.1% and a lightness of 60.4%. #f34163 color hex could be obtained by blending #ff82c6 with #e70000. Closest websafe color is: #ff3366.
-
- R 95
- G 25
- B 39
-
- C 0
- M 73
- Y 59
- K 5
● #f34163 color description : Bright red.
#f34163 Color Conversion
The hexadecimal color #f34163 has RGB values of R:243, G:65, B:99 and CMYK values of C:0, M:0.73, Y:0.59, K:0.05. Its decimal value is 15941987.
| Hex triplet | f34163 | #f34163 |
|---|---|---|
| RGB Decimal | 243, 65, 99 | rgb(243,65,99) |
| RGB Percent | 95.3, 25.5, 38.8 | rgb(95.3%,25.5%,38.8%) |
| CMYK | 0, 73, 59, 5 | |
| HSL | 348.5°, 88.1, 60.4 | hsl(348.5,88.1%,60.4%) |
| HSV (or HSB) | 348.5°, 73.3, 95.3 | |
| Web Safe | ff3366 | #ff3366 |
| CIE-LAB | 55.827, 68.517, 22.365 |
|---|---|
| XYZ | 41.106, 23.741, 14.222 |
| xyY | 0.52, 0.3, 23.741 |
| CIE-LCH | 55.827, 72.074, 18.078 |
| CIE-LUV | 55.827, 127.698, 12.628 |
| Hunter-Lab | 48.724, 65.323, 16.802 |
| Binary | 11110011, 01000001, 01100011 |
Color Schemes with #f34163
Alternatives to #f34163
Below, you can see some colors close to #f34163. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f34163 Preview
This text has a font color of #f34163.
<span style="color:#f34163;">Text here</span>
This paragraph has a background color of #f34163.
<p style="background-color:#f34163;">Content here</p>
This element has a border color of #f34163.
<div style="border:1px solid #f34163;">Content here</div>
.text {color:#f34163;}
.background {background-color:#f34163;}
.border {border:1px solid #f34163;}
Shades and Tints of #f34163
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, #0d0103 is the darkest color, while #fffafa is the lightest one.
-
#0d0103
#0d0103rgb(13,1,3) -
#1f0208
#1f0208rgb(31,2,8) -
#32030c
#32030crgb(50,3,12) -
#440411
#440411rgb(68,4,17) -
#570515
#570515rgb(87,5,21) -
#690719
#690719rgb(105,7,25) -
#7c081e
#7c081ergb(124,8,30) -
#8e0922
#8e0922rgb(142,9,34) -
#a10a27
#a10a27rgb(161,10,39) -
#b30b2b
#b30b2brgb(179,11,43) -
#c50c30
#c50c30rgb(197,12,48) -
#d80e34
#d80e34rgb(216,14,52) -
#ea0f39
#ea0f39rgb(234,15,57)
-
#f11c45
#f11c45rgb(241,28,69) -
#f22f54
#f22f54rgb(242,47,84) -
#f34163
#f34163rgb(243,65,99) -
#f45372
#f45372rgb(244,83,114) -
#f56681
#f56681rgb(245,102,129) -
#f67890
#f67890rgb(246,120,144) -
#f88ba0
#f88ba0rgb(248,139,160) -
#f99daf
#f99dafrgb(249,157,175) -
#fab0be
#fab0bergb(250,176,190) -
#fbc2cd
#fbc2cdrgb(251,194,205) -
#fcd5dc
#fcd5dcrgb(252,213,220) -
#fde7eb
#fde7ebrgb(253,231,235) -
#fffafa
#fffafargb(255,250,250)
Tones of #f34163
A tone is produced by adding gray to any pure hue. In this case, #9e9698 is the less saturated color, while #fb395e is the most saturated one.
-
#9e9698
#9e9698rgb(158,150,152) -
#a58f93
#a58f93rgb(165,143,147) -
#ad878e
#ad878ergb(173,135,142) -
#b57f89
#b57f89rgb(181,127,137) -
#bd7785
#bd7785rgb(189,119,133) -
#c47080
#c47080rgb(196,112,128) -
#cc687b
#cc687brgb(204,104,123) -
#d46076
#d46076rgb(212,96,118) -
#dc5871
#dc5871rgb(220,88,113) -
#e3516d
#e3516drgb(227,81,109) -
#eb4968
#eb4968rgb(235,73,104) -
#f34163
#f34163rgb(243,65,99) -
#fb395e
#fb395ergb(251,57,94)
Color Blindness Simulator
Below, you can see how #f34163 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.
