#f25557 Color Information
In a RGB color space, hex #f25557 is composed of 94.9% red, 33.3% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.9% magenta, 64% yellow and 5.1% black. It has a hue angle of 359.2 degrees, a saturation of 85.8% and a lightness of 64.1%. #f25557 color hex could be obtained by blending #ffaaae with #e50000. Closest websafe color is: #ff6666.
-
- R 95
- G 33
- B 34
-
- C 0
- M 65
- Y 64
- K 5
● #f25557 color description : Soft red.
#f25557 Color Conversion
The hexadecimal color #f25557 has RGB values of R:242, G:85, B:87 and CMYK values of C:0, M:0.65, Y:0.64, K:0.05. Its decimal value is 15881559.
Hex triplet | f25557 | #f25557 |
---|---|---|
RGB Decimal | 242, 85, 87 | rgb(242,85,87) |
RGB Percent | 94.9, 33.3, 34.1 | rgb(94.9%,33.3%,34.1%) |
CMYK | 0, 65, 64, 5 | |
HSL | 359.2°, 85.8, 64.1 | hsl(359.2,85.8%,64.1%) |
HSV (or HSB) | 359.2°, 64.9, 94.9 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 58.1, 60.191, 32.25 |
---|---|
XYZ | 41.588, 26.067, 11.858 |
xyY | 0.523, 0.328, 26.067 |
CIE-LCH | 58.1, 68.287, 28.182 |
CIE-LUV | 58.1, 118.954, 24.754 |
Hunter-Lab | 51.056, 56.053, 21.969 |
Binary | 11110010, 01010101, 01010111 |
Color Schemes with #f25557
Alternatives to #f25557
Below, you can see some colors close to #f25557. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f25557 Preview
This text has a font color of #f25557.
<span style="color:#f25557;">Text here</span>
This paragraph has a background color of #f25557.
<p style="background-color:#f25557;">Content here</p>
This element has a border color of #f25557.
<div style="border:1px solid #f25557;">Content here</div>
.text {color:#f25557;}
.background {background-color:#f25557;}
.border {border:1px solid #f25557;}
Shades and Tints of #f25557
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, #0c0101 is the darkest color, while #fff9f9 is the lightest one.
-
#0c0101
#0c0101
rgb(12,1,1)
-
#1e0203
#1e0203
rgb(30,2,3)
-
#310404
#310404
rgb(49,4,4)
-
#430506
#430506
rgb(67,5,6)
-
#550708
#550708
rgb(85,7,8)
-
#670809
#670809
rgb(103,8,9)
-
#7a090b
#7a090b
rgb(122,9,11)
-
#8c0b0c
#8c0b0c
rgb(140,11,12)
-
#9e0c0e
#9e0c0e
rgb(158,12,14)
-
#b00d10
#b00d10
rgb(176,13,16)
-
#c20f11
#c20f11
rgb(194,15,17)
-
#d51013
#d51013
rgb(213,16,19)
-
#e71214
#e71214
rgb(231,18,20)
-
#ee1e21
#ee1e21
rgb(238,30,33)
-
#ef3133
#ef3133
rgb(239,49,51)
-
#f14345
#f14345
rgb(241,67,69)
-
#f25557
#f25557
rgb(242,85,87)
-
#f36769
#f36769
rgb(243,103,105)
-
#f5797b
#f5797b
rgb(245,121,123)
-
#f68c8d
#f68c8d
rgb(246,140,141)
-
#f89e9f
#f89e9f
rgb(248,158,159)
-
#f9b0b1
#f9b0b1
rgb(249,176,177)
-
#fac2c3
#fac2c3
rgb(250,194,195)
-
#fcd5d5
#fcd5d5
rgb(252,213,213)
-
#fde7e7
#fde7e7
rgb(253,231,231)
-
#fff9f9
#fff9f9
rgb(255,249,249)
Tones of #f25557
A tone is produced by adding gray to any pure hue. In this case, #a5a2a2 is the less saturated color, while #f94e50 is the most saturated one.
-
#a5a2a2
#a5a2a2
rgb(165,162,162)
-
#ac9b9c
#ac9b9c
rgb(172,155,156)
-
#b39495
#b39495
rgb(179,148,149)
-
#ba8d8e
#ba8d8e
rgb(186,141,142)
-
#c18687
#c18687
rgb(193,134,135)
-
#c87f80
#c87f80
rgb(200,127,128)
-
#cf7879
#cf7879
rgb(207,120,121)
-
#d67172
#d67172
rgb(214,113,114)
-
#dd6a6c
#dd6a6c
rgb(221,106,108)
-
#e46365
#e46365
rgb(228,99,101)
-
#eb5c5e
#eb5c5e
rgb(235,92,94)
-
#f25557
#f25557
rgb(242,85,87)
-
#f94e50
#f94e50
rgb(249,78,80)
Color Blindness Simulator
Below, you can see how #f25557 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.