#f25a54 Color Information
In a RGB color space, hex #f25a54 is composed of 94.9% red, 35.3% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.8% magenta, 65.3% yellow and 5.1% black. It has a hue angle of 2.3 degrees, a saturation of 85.9% and a lightness of 63.9%. #f25a54 color hex could be obtained by blending #ffb4a8 with #e50000. Closest websafe color is: #ff6666.
-
- R 95
- G 35
- B 33
-
- C 0
- M 63
- Y 65
- K 5
● #f25a54 color description : Soft red.
#f25a54 Color Conversion
The hexadecimal color #f25a54 has RGB values of R:242, G:90, B:84 and CMYK values of C:0, M:0.63, Y:0.65, K:0.05. Its decimal value is 15882836.
Hex triplet | f25a54 | #f25a54 |
---|---|---|
RGB Decimal | 242, 90, 84 | rgb(242,90,84) |
RGB Percent | 94.9, 35.3, 32.9 | rgb(94.9%,35.3%,32.9%) |
CMYK | 0, 63, 65, 5 | |
HSL | 2.3°, 85.9, 63.9 | hsl(2.3,85.9%,63.9%) |
HSV (or HSB) | 2.3°, 65.3, 94.9 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 58.82, 57.961, 34.843 |
---|---|
XYZ | 41.876, 26.834, 11.361 |
xyY | 0.523, 0.335, 26.834 |
CIE-LCH | 58.82, 67.628, 31.012 |
CIE-LUV | 58.82, 116.414, 27.842 |
Hunter-Lab | 51.802, 53.645, 23.257 |
Binary | 11110010, 01011010, 01010100 |
Color Schemes with #f25a54
Alternatives to #f25a54
Below, you can see some colors close to #f25a54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f25a54 Preview
This text has a font color of #f25a54.
<span style="color:#f25a54;">Text here</span>
This paragraph has a background color of #f25a54.
<p style="background-color:#f25a54;">Content here</p>
This element has a border color of #f25a54.
<div style="border:1px solid #f25a54;">Content here</div>
.text {color:#f25a54;}
.background {background-color:#f25a54;}
.border {border:1px solid #f25a54;}
Shades and Tints of #f25a54
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)
-
#1e0302
#1e0302
rgb(30,3,2)
-
#300504
#300504
rgb(48,5,4)
-
#420705
#420705
rgb(66,7,5)
-
#540906
#540906
rgb(84,9,6)
-
#660b08
#660b08
rgb(102,11,8)
-
#790d09
#790d09
rgb(121,13,9)
-
#8b0f0b
#8b0f0b
rgb(139,15,11)
-
#9d110c
#9d110c
rgb(157,17,12)
-
#af130d
#af130d
rgb(175,19,13)
-
#c2160f
#c2160f
rgb(194,22,15)
-
#d41810
#d41810
rgb(212,24,16)
-
#e61a11
#e61a11
rgb(230,26,17)
-
#ee251d
#ee251d
rgb(238,37,29)
-
#ef3730
#ef3730
rgb(239,55,48)
-
#f14842
#f14842
rgb(241,72,66)
-
#f25a54
#f25a54
rgb(242,90,84)
-
#f36c66
#f36c66
rgb(243,108,102)
-
#f57d78
#f57d78
rgb(245,125,120)
-
#f68f8b
#f68f8b
rgb(246,143,139)
-
#f8a09d
#f8a09d
rgb(248,160,157)
-
#f9b2af
#f9b2af
rgb(249,178,175)
-
#fac4c1
#fac4c1
rgb(250,196,193)
-
#fcd5d4
#fcd5d4
rgb(252,213,212)
-
#fde7e6
#fde7e6
rgb(253,231,230)
-
#fef8f8
#fef8f8
rgb(254,248,248)
Tones of #f25a54
A tone is produced by adding gray to any pure hue. In this case, #a4a2a2 is the less saturated color, while #f9534d is the most saturated one.
-
#a4a2a2
#a4a2a2
rgb(164,162,162)
-
#ab9b9b
#ab9b9b
rgb(171,155,155)
-
#b29594
#b29594
rgb(178,149,148)
-
#b98e8d
#b98e8d
rgb(185,142,141)
-
#c08886
#c08886
rgb(192,136,134)
-
#c8817e
#c8817e
rgb(200,129,126)
-
#cf7b77
#cf7b77
rgb(207,123,119)
-
#d67470
#d67470
rgb(214,116,112)
-
#dd6e69
#dd6e69
rgb(221,110,105)
-
#e46762
#e46762
rgb(228,103,98)
-
#eb615b
#eb615b
rgb(235,97,91)
-
#f25a54
#f25a54
rgb(242,90,84)
-
#f9534d
#f9534d
rgb(249,83,77)
Color Blindness Simulator
Below, you can see how #f25a54 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.