#f80342 Color Information
In a RGB color space, hex #f80342 is composed of 97.3% red, 1.2% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.8% magenta, 73.4% yellow and 2.7% black. It has a hue angle of 344.6 degrees, a saturation of 97.6% and a lightness of 49.2%. #f80342 color hex could be obtained by blending #ff0684 with #f10000. Closest websafe color is: #ff0033.
-
- R 97
- G 1
- B 26
-
- C 0
- M 99
- Y 73
- K 3
● #f80342 color description : Vivid pink.
#f80342 Color Conversion
The hexadecimal color #f80342 has RGB values of R:248, G:3, B:66 and CMYK values of C:0, M:0.99, Y:0.73, K:0.03. Its decimal value is 16253762.
Hex triplet | f80342 | #f80342 |
---|---|---|
RGB Decimal | 248, 3, 66 | rgb(248,3,66) |
RGB Percent | 97.3, 1.2, 25.9 | rgb(97.3%,1.2%,25.9%) |
CMYK | 0, 99, 73, 3 | |
HSL | 344.6°, 97.6, 49.2 | hsl(344.6,97.6%,49.2%) |
HSV (or HSB) | 344.6°, 98.8, 97.3 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 52.309, 79.413, 37.64 |
---|---|
XYZ | 39.729, 20.42, 7.004 |
xyY | 0.592, 0.304, 20.42 |
CIE-LCH | 52.309, 87.881, 25.36 |
CIE-LUV | 52.309, 159.891, 22.014 |
Hunter-Lab | 45.189, 77.855, 22.443 |
Binary | 11111000, 00000011, 01000010 |
Color Schemes with #f80342
Alternatives to #f80342
Below, you can see some colors close to #f80342. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f80342 Preview
This text has a font color of #f80342.
<span style="color:#f80342;">Text here</span>
This paragraph has a background color of #f80342.
<p style="background-color:#f80342;">Content here</p>
This element has a border color of #f80342.
<div style="border:1px solid #f80342;">Content here</div>
.text {color:#f80342;}
.background {background-color:#f80342;}
.border {border:1px solid #f80342;}
Shades and Tints of #f80342
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, #0f0004 is the darkest color, while #fffbfc is the lightest one.
-
#0f0004
#0f0004
rgb(15,0,4)
-
#230009
#230009
rgb(35,0,9)
-
#36010e
#36010e
rgb(54,1,14)
-
#4a0114
#4a0114
rgb(74,1,20)
-
#5d0119
#5d0119
rgb(93,1,25)
-
#70011e
#70011e
rgb(112,1,30)
-
#840223
#840223
rgb(132,2,35)
-
#970228
#970228
rgb(151,2,40)
-
#aa022d
#aa022d
rgb(170,2,45)
-
#be0233
#be0233
rgb(190,2,51)
-
#d10338
#d10338
rgb(209,3,56)
-
#e5033d
#e5033d
rgb(229,3,61)
-
#f80342
#f80342
rgb(248,3,66)
-
#fc124f
#fc124f
rgb(252,18,79)
-
#fc265d
#fc265d
rgb(252,38,93)
-
#fd396b
#fd396b
rgb(253,57,107)
-
#fd4d7a
#fd4d7a
rgb(253,77,122)
-
#fd6088
#fd6088
rgb(253,96,136)
-
#fd7397
#fd7397
rgb(253,115,151)
-
#fe87a5
#fe87a5
rgb(254,135,165)
-
#fe9ab4
#fe9ab4
rgb(254,154,180)
-
#feaec2
#feaec2
rgb(254,174,194)
-
#fec1d1
#fec1d1
rgb(254,193,209)
-
#fed4df
#fed4df
rgb(254,212,223)
-
#ffe8ee
#ffe8ee
rgb(255,232,238)
-
#fffbfc
#fffbfc
rgb(255,251,252)
Tones of #f80342
A tone is produced by adding gray to any pure hue. In this case, #84777a is the less saturated color, while #f80342 is the most saturated one.
-
#84777a
#84777a
rgb(132,119,122)
-
#8e6d76
#8e6d76
rgb(142,109,118)
-
#976471
#976471
rgb(151,100,113)
-
#a15a6c
#a15a6c
rgb(161,90,108)
-
#ab5068
#ab5068
rgb(171,80,104)
-
#b44763
#b44763
rgb(180,71,99)
-
#be3d5e
#be3d5e
rgb(190,61,94)
-
#c83359
#c83359
rgb(200,51,89)
-
#d12a55
#d12a55
rgb(209,42,85)
-
#db2050
#db2050
rgb(219,32,80)
-
#e5164b
#e5164b
rgb(229,22,75)
-
#ee0d47
#ee0d47
rgb(238,13,71)
-
#f80342
#f80342
rgb(248,3,66)
Color Blindness Simulator
Below, you can see how #f80342 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.