#f34159 Color Information
In a RGB color space, hex #f34159 is composed of 95.3% red, 25.5% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.3% magenta, 63.4% yellow and 4.7% black. It has a hue angle of 351.9 degrees, a saturation of 88.1% and a lightness of 60.4%. #f34159 color hex could be obtained by blending #ff82b2 with #e70000. Closest websafe color is: #ff3366.
-
- R 95
- G 25
- B 35
-
- C 0
- M 73
- Y 63
- K 5
● #f34159 color description : Bright red.
#f34159 Color Conversion
The hexadecimal color #f34159 has RGB values of R:243, G:65, B:89 and CMYK values of C:0, M:0.73, Y:0.63, K:0.05. Its decimal value is 15941977.
| Hex triplet | f34159 | #f34159 |
|---|---|---|
| RGB Decimal | 243, 65, 89 | rgb(243,65,89) |
| RGB Percent | 95.3, 25.5, 34.9 | rgb(95.3%,25.5%,34.9%) |
| CMYK | 0, 73, 63, 5 | |
| HSL | 351.9°, 88.1, 60.4 | hsl(351.9,88.1%,60.4%) |
| HSV (or HSB) | 351.9°, 73.3, 95.3 | |
| Web Safe | ff3366 | #ff3366 |
| CIE-LAB | 55.646, 67.918, 28.019 |
|---|---|
| XYZ | 40.657, 23.561, 11.858 |
| xyY | 0.534, 0.31, 23.561 |
| CIE-LCH | 55.646, 73.47, 22.418 |
| CIE-LUV | 55.646, 130.701, 18.236 |
| Hunter-Lab | 48.54, 64.568, 19.494 |
| Binary | 11110011, 01000001, 01011001 |
Color Schemes with #f34159
Alternatives to #f34159
Below, you can see some colors close to #f34159. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f34159 Preview
This text has a font color of #f34159.
<span style="color:#f34159;">Text here</span>
This paragraph has a background color of #f34159.
<p style="background-color:#f34159;">Content here</p>
This element has a border color of #f34159.
<div style="border:1px solid #f34159;">Content here</div>
.text {color:#f34159;}
.background {background-color:#f34159;}
.border {border:1px solid #f34159;}
Shades and Tints of #f34159
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, #0d0102 is the darkest color, while #fffafa is the lightest one.
-
#0d0102
#0d0102rgb(13,1,2) -
#1f0206
#1f0206rgb(31,2,6) -
#320309
#320309rgb(50,3,9) -
#44040d
#44040drgb(68,4,13) -
#570510
#570510rgb(87,5,16) -
#690714
#690714rgb(105,7,20) -
#7c0817
#7c0817rgb(124,8,23) -
#8e091b
#8e091brgb(142,9,27) -
#a10a1e
#a10a1ergb(161,10,30) -
#b30b22
#b30b22rgb(179,11,34) -
#c50c25
#c50c25rgb(197,12,37) -
#d80e29
#d80e29rgb(216,14,41) -
#ea0f2c
#ea0f2crgb(234,15,44)
-
#f11c39
#f11c39rgb(241,28,57) -
#f22f49
#f22f49rgb(242,47,73) -
#f34159
#f34159rgb(243,65,89) -
#f45369
#f45369rgb(244,83,105) -
#f56679
#f56679rgb(245,102,121) -
#f67889
#f67889rgb(246,120,137) -
#f88b99
#f88b99rgb(248,139,153) -
#f99daa
#f99daargb(249,157,170) -
#fab0ba
#fab0bargb(250,176,186) -
#fbc2ca
#fbc2cargb(251,194,202) -
#fcd5da
#fcd5dargb(252,213,218) -
#fde7ea
#fde7eargb(253,231,234) -
#fffafa
#fffafargb(255,250,250)
Tones of #f34159
A tone is produced by adding gray to any pure hue. In this case, #9e9697 is the less saturated color, while #fb3953 is the most saturated one.
-
#9e9697
#9e9697rgb(158,150,151) -
#a58f92
#a58f92rgb(165,143,146) -
#ad878c
#ad878crgb(173,135,140) -
#b57f86
#b57f86rgb(181,127,134) -
#bd7781
#bd7781rgb(189,119,129) -
#c4707b
#c4707brgb(196,112,123) -
#cc6875
#cc6875rgb(204,104,117) -
#d46070
#d46070rgb(212,96,112) -
#dc586a
#dc586argb(220,88,106) -
#e35164
#e35164rgb(227,81,100) -
#eb495f
#eb495frgb(235,73,95) -
#f34159
#f34159rgb(243,65,89) -
#fb3953
#fb3953rgb(251,57,83)
Color Blindness Simulator
Below, you can see how #f34159 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.
