#f15353 Color Information
In a RGB color space, hex #f15353 is composed of 94.5% red, 32.5% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.6% magenta, 65.6% yellow and 5.5% black. It has a hue angle of 0 degrees, a saturation of 84.9% and a lightness of 63.5%. #f15353 color hex could be obtained by blending #ffa6a6 with #e30000. Closest websafe color is: #ff6666.
-
- R 95
- G 33
- B 33
-
- C 0
- M 66
- Y 66
- K 5
● #f15353 color description : Soft red.
#f15353 Color Conversion
The hexadecimal color #f15353 has RGB values of R:241, G:83, B:83 and CMYK values of C:0, M:0.66, Y:0.66, K:0.05. Its decimal value is 15815507.
| Hex triplet | f15353 | #f15353 |
|---|---|---|
| RGB Decimal | 241, 83, 83 | rgb(241,83,83) |
| RGB Percent | 94.5, 32.5, 32.5 | rgb(94.5%,32.5%,32.5%) |
| CMYK | 0, 66, 66, 5 | |
| HSL | 0°, 84.9, 63.5 | hsl(0,84.9%,63.5%) |
| HSV (or HSB) | 0°, 65.6, 94.5 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 57.575, 60.448, 33.838 |
|---|---|
| XYZ | 40.932, 25.516, 10.953 |
| xyY | 0.529, 0.33, 25.516 |
| CIE-LCH | 57.575, 69.275, 29.24 |
| CIE-LUV | 57.575, 120.348, 25.96 |
| Hunter-Lab | 50.514, 56.242, 22.504 |
| Binary | 11110001, 01010011, 01010011 |
Color Schemes with #f15353
Alternatives to #f15353
Below, you can see some colors close to #f15353. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f15353 Preview
This text has a font color of #f15353.
<span style="color:#f15353;">Text here</span>
This paragraph has a background color of #f15353.
<p style="background-color:#f15353;">Content here</p>
This element has a border color of #f15353.
<div style="border:1px solid #f15353;">Content here</div>
.text {color:#f15353;}
.background {background-color:#f15353;}
.border {border:1px solid #f15353;}
Shades and Tints of #f15353
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, #090101 is the darkest color, while #fef6f6 is the lightest one.
-
#090101
#090101rgb(9,1,1) -
#1c0202
#1c0202rgb(28,2,2) -
#2e0404
#2e0404rgb(46,4,4) -
#400505
#400505rgb(64,5,5) -
#520707
#520707rgb(82,7,7) -
#640808
#640808rgb(100,8,8) -
#760a0a
#760a0argb(118,10,10) -
#880b0b
#880b0brgb(136,11,11) -
#9b0d0d
#9b0d0drgb(155,13,13) -
#ad0e0e
#ad0e0ergb(173,14,14) -
#bf1010
#bf1010rgb(191,16,16) -
#d11111
#d11111rgb(209,17,17) -
#e31212
#e31212rgb(227,18,18)
-
#ed1d1d
#ed1d1drgb(237,29,29) -
#ee2f2f
#ee2f2frgb(238,47,47) -
#f04141
#f04141rgb(240,65,65) -
#f15353
#f15353rgb(241,83,83) -
#f26565
#f26565rgb(242,101,101) -
#f47777
#f47777rgb(244,119,119) -
#f58989
#f58989rgb(245,137,137) -
#f79c9c
#f79c9crgb(247,156,156) -
#f8aeae
#f8aeaergb(248,174,174) -
#fac0c0
#fac0c0rgb(250,192,192) -
#fbd2d2
#fbd2d2rgb(251,210,210) -
#fde4e4
#fde4e4rgb(253,228,228) -
#fef6f6
#fef6f6rgb(254,246,246)
Tones of #f15353
A tone is produced by adding gray to any pure hue. In this case, #a2a2a2 is the less saturated color, while #f84c4c is the most saturated one.
-
#a2a2a2
#a2a2a2rgb(162,162,162) -
#a99b9b
#a99b9brgb(169,155,155) -
#b19393
#b19393rgb(177,147,147) -
#b88c8c
#b88c8crgb(184,140,140) -
#bf8585
#bf8585rgb(191,133,133) -
#c67e7e
#c67e7ergb(198,126,126) -
#cd7777
#cd7777rgb(205,119,119) -
#d47070
#d47070rgb(212,112,112) -
#dc6868
#dc6868rgb(220,104,104) -
#e36161
#e36161rgb(227,97,97) -
#ea5a5a
#ea5a5argb(234,90,90) -
#f15353
#f15353rgb(241,83,83) -
#f84c4c
#f84c4crgb(248,76,76)
Color Blindness Simulator
Below, you can see how #f15353 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.
