#f57395 Color Information
In a RGB color space, hex #f57395 is composed of 96.1% red, 45.1% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.1% magenta, 39.2% yellow and 3.9% black. It has a hue angle of 344.3 degrees, a saturation of 86.7% and a lightness of 70.6%. #f57395 color hex could be obtained by blending #ffe6ff with #eb002b. Closest websafe color is: #ff6699.
-
- R 96
- G 45
- B 58
-
- C 0
- M 53
- Y 39
- K 4
● #f57395 color description : Soft pink.
#f57395 Color Conversion
The hexadecimal color #f57395 has RGB values of R:245, G:115, B:149 and CMYK values of C:0, M:0.53, Y:0.39, K:0.04. Its decimal value is 16085909.
| Hex triplet | f57395 | #f57395 |
|---|---|---|
| RGB Decimal | 245, 115, 149 | rgb(245,115,149) |
| RGB Percent | 96.1, 45.1, 58.4 | rgb(96.1%,45.1%,58.4%) |
| CMYK | 0, 53, 39, 4 | |
| HSL | 344.3°, 86.7, 70.6 | hsl(344.3,86.7%,70.6%) |
| HSV (or HSB) | 344.3°, 53.1, 96.1 | |
| Web Safe | ff6699 | #ff6699 |
| CIE-LAB | 64.842, 53.042, 5.895 |
|---|---|
| XYZ | 49.212, 33.848, 32.374 |
| xyY | 0.426, 0.293, 33.848 |
| CIE-LCH | 64.842, 53.368, 6.341 |
| CIE-LUV | 64.842, 86.933, -2.172 |
| Hunter-Lab | 58.179, 49.177, 7.733 |
| Binary | 11110101, 01110011, 10010101 |
Color Schemes with #f57395
Alternatives to #f57395
Below, you can see some colors close to #f57395. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f57395 Preview
This text has a font color of #f57395.
<span style="color:#f57395;">Text here</span>
This paragraph has a background color of #f57395.
<p style="background-color:#f57395;">Content here</p>
This element has a border color of #f57395.
<div style="border:1px solid #f57395;">Content here</div>
.text {color:#f57395;}
.background {background-color:#f57395;}
.border {border:1px solid #f57395;}
Shades and Tints of #f57395
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, #060002 is the darkest color, while #fef3f6 is the lightest one.
-
#060002
#060002rgb(6,0,2) -
#190208
#190208rgb(25,2,8) -
#2b030e
#2b030ergb(43,3,14) -
#3d0413
#3d0413rgb(61,4,19) -
#500619
#500619rgb(80,6,25) -
#62071f
#62071frgb(98,7,31) -
#740825
#740825rgb(116,8,37) -
#870a2a
#870a2argb(135,10,42) -
#990b30
#990b30rgb(153,11,48) -
#ab0c36
#ab0c36rgb(171,12,54) -
#be0e3c
#be0e3crgb(190,14,60) -
#d00f41
#d00f41rgb(208,15,65) -
#e21047
#e21047rgb(226,16,71)
-
#ee1750
#ee1750rgb(238,23,80) -
#f02a5e
#f02a5ergb(240,42,94) -
#f13c6b
#f13c6brgb(241,60,107) -
#f24e79
#f24e79rgb(242,78,121) -
#f46187
#f46187rgb(244,97,135) -
#f57395
#f57395rgb(245,115,149) -
#f685a3
#f685a3rgb(246,133,163) -
#f898b1
#f898b1rgb(248,152,177) -
#f9aabf
#f9aabfrgb(249,170,191) -
#fabccc
#fabcccrgb(250,188,204) -
#fccfda
#fccfdargb(252,207,218) -
#fde1e8
#fde1e8rgb(253,225,232) -
#fef3f6
#fef3f6rgb(254,243,246)
Tones of #f57395
A tone is produced by adding gray to any pure hue. In this case, #b6b2b3 is the less saturated color, while #fb6d92 is the most saturated one.
-
#b6b2b3
#b6b2b3rgb(182,178,179) -
#bbadb1
#bbadb1rgb(187,173,177) -
#c1a7ae
#c1a7aergb(193,167,174) -
#c7a1ab
#c7a1abrgb(199,161,171) -
#cd9ba8
#cd9ba8rgb(205,155,168) -
#d296a6
#d296a6rgb(210,150,166) -
#d890a3
#d890a3rgb(216,144,163) -
#de8aa0
#de8aa0rgb(222,138,160) -
#e4849d
#e4849drgb(228,132,157) -
#e97f9b
#e97f9brgb(233,127,155) -
#ef7998
#ef7998rgb(239,121,152) -
#f57395
#f57395rgb(245,115,149) -
#fb6d92
#fb6d92rgb(251,109,146)
Color Blindness Simulator
Below, you can see how #f57395 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.
