#f15357 Color Information
In a RGB color space, hex #f15357 is composed of 94.5% red, 32.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.6% magenta, 63.9% yellow and 5.5% black. It has a hue angle of 358.5 degrees, a saturation of 84.9% and a lightness of 63.5%. #f15357 color hex could be obtained by blending #ffa6ae with #e30000. Closest websafe color is: #ff6666.
-
- R 95
- G 33
- B 34
-
- C 0
- M 66
- Y 64
- K 5
● #f15357 color description : Soft red.
#f15357 Color Conversion
The hexadecimal color #f15357 has RGB values of R:241, G:83, B:87 and CMYK values of C:0, M:0.66, Y:0.64, K:0.05. Its decimal value is 15815511.
| Hex triplet | f15357 | #f15357 |
|---|---|---|
| RGB Decimal | 241, 83, 87 | rgb(241,83,87) |
| RGB Percent | 94.5, 32.5, 34.1 | rgb(94.5%,32.5%,34.1%) |
| CMYK | 0, 66, 64, 5 | |
| HSL | 358.5°, 84.9, 63.5 | hsl(358.5,84.9%,63.5%) |
| HSV (or HSB) | 358.5°, 65.6, 94.5 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 57.636, 60.673, 31.632 |
|---|---|
| XYZ | 41.091, 25.58, 11.79 |
| xyY | 0.524, 0.326, 25.58 |
| CIE-LCH | 57.636, 68.424, 27.535 |
| CIE-LUV | 57.636, 119.395, 23.952 |
| Hunter-Lab | 50.577, 56.513, 21.582 |
| Binary | 11110001, 01010011, 01010111 |
Color Schemes with #f15357
Alternatives to #f15357
Below, you can see some colors close to #f15357. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f15357 Preview
This text has a font color of #f15357.
<span style="color:#f15357;">Text here</span>
This paragraph has a background color of #f15357.
<p style="background-color:#f15357;">Content here</p>
This element has a border color of #f15357.
<div style="border:1px solid #f15357;">Content here</div>
.text {color:#f15357;}
.background {background-color:#f15357;}
.border {border:1px solid #f15357;}
Shades and Tints of #f15357
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) -
#1c0203
#1c0203rgb(28,2,3) -
#2e0405
#2e0405rgb(46,4,5) -
#400507
#400507rgb(64,5,7) -
#520709
#520709rgb(82,7,9) -
#64080a
#64080argb(100,8,10) -
#760a0c
#760a0crgb(118,10,12) -
#880b0e
#880b0ergb(136,11,14) -
#9b0d10
#9b0d10rgb(155,13,16) -
#ad0e12
#ad0e12rgb(173,14,18) -
#bf1014
#bf1014rgb(191,16,20) -
#d11116
#d11116rgb(209,17,22) -
#e31218
#e31218rgb(227,18,24)
-
#ed1d22
#ed1d22rgb(237,29,34) -
#ee2f34
#ee2f34rgb(238,47,52) -
#f04145
#f04145rgb(240,65,69) -
#f15357
#f15357rgb(241,83,87) -
#f26569
#f26569rgb(242,101,105) -
#f4777a
#f4777argb(244,119,122) -
#f5898c
#f5898crgb(245,137,140) -
#f79c9e
#f79c9ergb(247,156,158) -
#f8aeb0
#f8aeb0rgb(248,174,176) -
#fac0c1
#fac0c1rgb(250,192,193) -
#fbd2d3
#fbd2d3rgb(251,210,211) -
#fde4e5
#fde4e5rgb(253,228,229) -
#fef6f6
#fef6f6rgb(254,246,246)
Tones of #f15357
A tone is produced by adding gray to any pure hue. In this case, #a2a2a2 is the less saturated color, while #f84c50 is the most saturated one.
-
#a2a2a2
#a2a2a2rgb(162,162,162) -
#a99b9b
#a99b9brgb(169,155,155) -
#b19394
#b19394rgb(177,147,148) -
#b88c8d
#b88c8drgb(184,140,141) -
#bf8587
#bf8587rgb(191,133,135) -
#c67e80
#c67e80rgb(198,126,128) -
#cd7779
#cd7779rgb(205,119,121) -
#d47072
#d47072rgb(212,112,114) -
#dc686b
#dc686brgb(220,104,107) -
#e36165
#e36165rgb(227,97,101) -
#ea5a5e
#ea5a5ergb(234,90,94) -
#f15357
#f15357rgb(241,83,87) -
#f84c50
#f84c50rgb(248,76,80)
Color Blindness Simulator
Below, you can see how #f15357 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.
