#f15a55 Color Information
In a RGB color space, hex #f15a55 is composed of 94.5% red, 35.3% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.7% magenta, 64.7% yellow and 5.5% black. It has a hue angle of 1.9 degrees, a saturation of 84.8% and a lightness of 63.9%. #f15a55 color hex could be obtained by blending #ffb4aa with #e30000. Closest websafe color is: #ff6666.
-
- R 95
- G 35
- B 33
-
- C 0
- M 63
- Y 65
- K 5
● #f15a55 color description : Soft red.
#f15a55 Color Conversion
The hexadecimal color #f15a55 has RGB values of R:241, G:90, B:85 and CMYK values of C:0, M:0.63, Y:0.65, K:0.05. Its decimal value is 15817301.
Hex triplet | f15a55 | #f15a55 |
---|---|---|
RGB Decimal | 241, 90, 85 | rgb(241,90,85) |
RGB Percent | 94.5, 35.3, 33.3 | rgb(94.5%,35.3%,33.3%) |
CMYK | 0, 63, 65, 5 | |
HSL | 1.9°, 84.8, 63.9 | hsl(1.9,84.8%,63.9%) |
HSV (or HSB) | 1.9°, 64.7, 94.5 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 58.671, 57.687, 34.059 |
---|---|
XYZ | 41.573, 26.673, 11.553 |
xyY | 0.521, 0.334, 26.673 |
CIE-LCH | 58.671, 66.99, 30.558 |
CIE-LUV | 58.671, 115.376, 27.183 |
Hunter-Lab | 51.646, 53.304, 22.889 |
Binary | 11110001, 01011010, 01010101 |
Color Schemes with #f15a55
Alternatives to #f15a55
Below, you can see some colors close to #f15a55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f15a55 Preview
This text has a font color of #f15a55.
<span style="color:#f15a55;">Text here</span>
This paragraph has a background color of #f15a55.
<p style="background-color:#f15a55;">Content here</p>
This element has a border color of #f15a55.
<div style="border:1px solid #f15a55;">Content here</div>
.text {color:#f15a55;}
.background {background-color:#f15a55;}
.border {border:1px solid #f15a55;}
Shades and Tints of #f15a55
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, #0b0101 is the darkest color, while #fef8f8 is the lightest one.
-
#0b0101
#0b0101
rgb(11,1,1)
-
#1d0302
#1d0302
rgb(29,3,2)
-
#2f0504
#2f0504
rgb(47,5,4)
-
#420705
#420705
rgb(66,7,5)
-
#540907
#540907
rgb(84,9,7)
-
#660b08
#660b08
rgb(102,11,8)
-
#780d0a
#780d0a
rgb(120,13,10)
-
#8a0f0b
#8a0f0b
rgb(138,15,11)
-
#9c110d
#9c110d
rgb(156,17,13)
-
#ae130e
#ae130e
rgb(174,19,14)
-
#c01610
#c01610
rgb(192,22,16)
-
#d31811
#d31811
rgb(211,24,17)
-
#e51a13
#e51a13
rgb(229,26,19)
-
#ed251f
#ed251f
rgb(237,37,31)
-
#ee3731
#ee3731
rgb(238,55,49)
-
#f04843
#f04843
rgb(240,72,67)
-
#f15a55
#f15a55
rgb(241,90,85)
-
#f26c67
#f26c67
rgb(242,108,103)
-
#f47d79
#f47d79
rgb(244,125,121)
-
#f58f8b
#f58f8b
rgb(245,143,139)
-
#f7a09d
#f7a09d
rgb(247,160,157)
-
#f8b2b0
#f8b2b0
rgb(248,178,176)
-
#fac4c2
#fac4c2
rgb(250,196,194)
-
#fbd5d4
#fbd5d4
rgb(251,213,212)
-
#fde7e6
#fde7e6
rgb(253,231,230)
-
#fef8f8
#fef8f8
rgb(254,248,248)
Tones of #f15a55
A tone is produced by adding gray to any pure hue. In this case, #a3a3a3 is the less saturated color, while #f8534e is the most saturated one.
-
#a3a3a3
#a3a3a3
rgb(163,163,163)
-
#aa9c9c
#aa9c9c
rgb(170,156,156)
-
#b19695
#b19695
rgb(177,150,149)
-
#b88f8e
#b88f8e
rgb(184,143,142)
-
#bf8887
#bf8887
rgb(191,136,135)
-
#c7827f
#c7827f
rgb(199,130,127)
-
#ce7b78
#ce7b78
rgb(206,123,120)
-
#d57471
#d57471
rgb(213,116,113)
-
#dc6e6a
#dc6e6a
rgb(220,110,106)
-
#e36763
#e36763
rgb(227,103,99)
-
#ea615c
#ea615c
rgb(234,97,92)
-
#f15a55
#f15a55
rgb(241,90,85)
-
#f8534e
#f8534e
rgb(248,83,78)
Color Blindness Simulator
Below, you can see how #f15a55 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.