#f60345 Color Information
In a RGB color space, hex #f60345 is composed of 96.5% red, 1.2% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.8% magenta, 72% yellow and 3.5% black. It has a hue angle of 343.7 degrees, a saturation of 97.6% and a lightness of 48.8%. #f60345 color hex could be obtained by blending #ff068a with #ed0000. Closest websafe color is: #ff0033.
-
- R 96
- G 1
- B 27
-
- C 0
- M 99
- Y 72
- K 4
● #f60345 color description : Vivid pink.
#f60345 Color Conversion
The hexadecimal color #f60345 has RGB values of R:246, G:3, B:69 and CMYK values of C:0, M:0.99, Y:0.72, K:0.04. Its decimal value is 16122693.
Hex triplet | f60345 | #f60345 |
---|---|---|
RGB Decimal | 246, 3, 69 | rgb(246,3,69) |
RGB Percent | 96.5, 1.2, 27.1 | rgb(96.5%,1.2%,27.1%) |
CMYK | 0, 99, 72, 4 | |
HSL | 343.7°, 97.6, 48.8 | hsl(343.7,97.6%,48.8%) |
HSV (or HSB) | 343.7°, 98.8, 96.5 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 51.942, 79.057, 35.344 |
---|---|
XYZ | 39.115, 20.093, 7.449 |
xyY | 0.587, 0.301, 20.093 |
CIE-LCH | 51.942, 86.598, 24.088 |
CIE-LUV | 51.942, 157.571, 20.28 |
Hunter-Lab | 44.825, 77.318, 21.525 |
Binary | 11110110, 00000011, 01000101 |
Color Schemes with #f60345
Alternatives to #f60345
Below, you can see some colors close to #f60345. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f60345 Preview
This text has a font color of #f60345.
<span style="color:#f60345;">Text here</span>
This paragraph has a background color of #f60345.
<p style="background-color:#f60345;">Content here</p>
This element has a border color of #f60345.
<div style="border:1px solid #f60345;">Content here</div>
.text {color:#f60345;}
.background {background-color:#f60345;}
.border {border:1px solid #f60345;}
Shades and Tints of #f60345
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, #0d0004 is the darkest color, while #fff9fb is the lightest one.
-
#0d0004
#0d0004
rgb(13,0,4)
-
#210009
#210009
rgb(33,0,9)
-
#34010f
#34010f
rgb(52,1,15)
-
#480114
#480114
rgb(72,1,20)
-
#5b011a
#5b011a
rgb(91,1,26)
-
#6e011f
#6e011f
rgb(110,1,31)
-
#820224
#820224
rgb(130,2,36)
-
#95022a
#95022a
rgb(149,2,42)
-
#a8022f
#a8022f
rgb(168,2,47)
-
#bc0235
#bc0235
rgb(188,2,53)
-
#cf033a
#cf033a
rgb(207,3,58)
-
#e30340
#e30340
rgb(227,3,64)
-
#f60345
#f60345
rgb(246,3,69)
-
#fc1151
#fc1151
rgb(252,17,81)
-
#fc245f
#fc245f
rgb(252,36,95)
-
#fd376d
#fd376d
rgb(253,55,109)
-
#fd4b7b
#fd4b7b
rgb(253,75,123)
-
#fd5e89
#fd5e89
rgb(253,94,137)
-
#fd7197
#fd7197
rgb(253,113,151)
-
#fe85a6
#fe85a6
rgb(254,133,166)
-
#fe98b4
#fe98b4
rgb(254,152,180)
-
#feacc2
#feacc2
rgb(254,172,194)
-
#febfd0
#febfd0
rgb(254,191,208)
-
#fed2de
#fed2de
rgb(254,210,222)
-
#ffe6ec
#ffe6ec
rgb(255,230,236)
-
#fff9fb
#fff9fb
rgb(255,249,251)
Tones of #f60345
A tone is produced by adding gray to any pure hue. In this case, #837679 is the less saturated color, while #f60345 is the most saturated one.
-
#837679
#837679
rgb(131,118,121)
-
#8d6c75
#8d6c75
rgb(141,108,117)
-
#966371
#966371
rgb(150,99,113)
-
#a0596c
#a0596c
rgb(160,89,108)
-
#a95068
#a95068
rgb(169,80,104)
-
#b34664
#b34664
rgb(179,70,100)
-
#bd3c5f
#bd3c5f
rgb(189,60,95)
-
#c6335b
#c6335b
rgb(198,51,91)
-
#d02956
#d02956
rgb(208,41,86)
-
#d92052
#d92052
rgb(217,32,82)
-
#e3164e
#e3164e
rgb(227,22,78)
-
#ec0d49
#ec0d49
rgb(236,13,73)
-
#f60345
#f60345
rgb(246,3,69)
Color Blindness Simulator
Below, you can see how #f60345 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.