#f03057 Color Information
In a RGB color space, hex #f03057 is composed of 94.1% red, 18.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 63.8% yellow and 5.9% black. It has a hue angle of 347.8 degrees, a saturation of 86.5% and a lightness of 56.5%. #f03057 color hex could be obtained by blending #ff60ae with #e10000. Closest websafe color is: #ff3366.
-
- R 94
- G 19
- B 34
-
- C 0
- M 80
- Y 64
- K 6
● #f03057 color description : Bright red.
#f03057 Color Conversion
The hexadecimal color #f03057 has RGB values of R:240, G:48, B:87 and CMYK values of C:0, M:0.8, Y:0.64, K:0.06. Its decimal value is 15741015.
Hex triplet | f03057 | #f03057 |
---|---|---|
RGB Decimal | 240, 48, 87 | rgb(240,48,87) |
RGB Percent | 94.1, 18.8, 34.1 | rgb(94.1%,18.8%,34.1%) |
CMYK | 0, 80, 64, 6 | |
HSL | 347.8°, 86.5, 56.5 | hsl(347.8,86.5%,56.5%) |
HSV (or HSB) | 347.8°, 80, 94.1 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 53.311, 71.882, 26.085 |
---|---|
XYZ | 38.714, 21.332, 11.095 |
xyY | 0.544, 0.3, 21.332 |
CIE-LCH | 53.311, 76.468, 19.945 |
CIE-LUV | 53.311, 136.684, 14.868 |
Hunter-Lab | 46.186, 68.795, 18.087 |
Binary | 11110000, 00110000, 01010111 |
Color Schemes with #f03057
Alternatives to #f03057
Below, you can see some colors close to #f03057. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f03057 Preview
This text has a font color of #f03057.
<span style="color:#f03057;">Text here</span>
This paragraph has a background color of #f03057.
<p style="background-color:#f03057;">Content here</p>
This element has a border color of #f03057.
<div style="border:1px solid #f03057;">Content here</div>
.text {color:#f03057;}
.background {background-color:#f03057;}
.border {border:1px solid #f03057;}
Shades and Tints of #f03057
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, #0c0103 is the darkest color, while #fff9fa is the lightest one.
-
#0c0103
#0c0103
rgb(12,1,3)
-
#1f0208
#1f0208
rgb(31,2,8)
-
#31040d
#31040d
rgb(49,4,13)
-
#430512
#430512
rgb(67,5,18)
-
#560616
#560616
rgb(86,6,22)
-
#68081b
#68081b
rgb(104,8,27)
-
#7a0920
#7a0920
rgb(122,9,32)
-
#8d0a25
#8d0a25
rgb(141,10,37)
-
#9f0c29
#9f0c29
rgb(159,12,41)
-
#b10d2e
#b10d2e
rgb(177,13,46)
-
#c30e33
#c30e33
rgb(195,14,51)
-
#d60f38
#d60f38
rgb(214,15,56)
-
#e8113d
#e8113d
rgb(232,17,61)
-
#ef1e48
#ef1e48
rgb(239,30,72)
-
#f03057
#f03057
rgb(240,48,87)
-
#f14266
#f14266
rgb(241,66,102)
-
#f35575
#f35575
rgb(243,85,117)
-
#f46784
#f46784
rgb(244,103,132)
-
#f57992
#f57992
rgb(245,121,146)
-
#f78ba1
#f78ba1
rgb(247,139,161)
-
#f89eb0
#f89eb0
rgb(248,158,176)
-
#f9b0bf
#f9b0bf
rgb(249,176,191)
-
#fbc2ce
#fbc2ce
rgb(251,194,206)
-
#fcd5dd
#fcd5dd
rgb(252,213,221)
-
#fde7eb
#fde7eb
rgb(253,231,235)
-
#fff9fa
#fff9fa
rgb(255,249,250)
Tones of #f03057
A tone is produced by adding gray to any pure hue. In this case, #928e8f is the less saturated color, while #f92752 is the most saturated one.
-
#928e8f
#928e8f
rgb(146,142,143)
-
#9b858a
#9b858a
rgb(155,133,138)
-
#a37d85
#a37d85
rgb(163,125,133)
-
#ac7480
#ac7480
rgb(172,116,128)
-
#b46c7a
#b46c7a
rgb(180,108,122)
-
#bd6375
#bd6375
rgb(189,99,117)
-
#c55b70
#c55b70
rgb(197,91,112)
-
#ce526b
#ce526b
rgb(206,82,107)
-
#d64a66
#d64a66
rgb(214,74,102)
-
#df4161
#df4161
rgb(223,65,97)
-
#e7395c
#e7395c
rgb(231,57,92)
-
#f03057
#f03057
rgb(240,48,87)
-
#f92752
#f92752
rgb(249,39,82)
Color Blindness Simulator
Below, you can see how #f03057 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.