#f8554c Color Information
In a RGB color space, hex #f8554c is composed of 97.3% red, 33.3% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.7% magenta, 69.4% yellow and 2.7% black. It has a hue angle of 3.1 degrees, a saturation of 92.5% and a lightness of 63.5%. #f8554c color hex could be obtained by blending #ffaa98 with #f10000. Closest websafe color is: #ff6633.
-
- R 97
- G 33
- B 30
-
- C 0
- M 66
- Y 69
- K 3
● #f8554c color description : Soft red.
#f8554c Color Conversion
The hexadecimal color #f8554c has RGB values of R:248, G:85, B:76 and CMYK values of C:0, M:0.66, Y:0.69, K:0.03. Its decimal value is 16274764.
Hex triplet | f8554c | #f8554c |
---|---|---|
RGB Decimal | 248, 85, 76 | rgb(248,85,76) |
RGB Percent | 97.3, 33.3, 29.8 | rgb(97.3%,33.3%,29.8%) |
CMYK | 0, 66, 69, 3 | |
HSL | 3.1°, 92.5, 63.5 | hsl(3.1,92.5%,63.5%) |
HSV (or HSB) | 3.1°, 69.4, 97.3 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 58.956, 61.542, 39.707 |
---|---|
XYZ | 43.266, 26.98, 9.767 |
xyY | 0.541, 0.337, 26.98 |
CIE-LCH | 58.956, 73.239, 32.83 |
CIE-LUV | 58.956, 126.289, 30.992 |
Hunter-Lab | 51.942, 57.786, 25.212 |
Binary | 11111000, 01010101, 01001100 |
Color Schemes with #f8554c
Alternatives to #f8554c
Below, you can see some colors close to #f8554c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f8554c Preview
This text has a font color of #f8554c.
<span style="color:#f8554c;">Text here</span>
This paragraph has a background color of #f8554c.
<p style="background-color:#f8554c;">Content here</p>
This element has a border color of #f8554c.
<div style="border:1px solid #f8554c;">Content here</div>
.text {color:#f8554c;}
.background {background-color:#f8554c;}
.border {border:1px solid #f8554c;}
Shades and Tints of #f8554c
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, #0a0100 is the darkest color, while #fff6f6 is the lightest one.
-
#0a0100
#0a0100
rgb(10,1,0)
-
#1d0301
#1d0301
rgb(29,3,1)
-
#300402
#300402
rgb(48,4,2)
-
#420603
#420603
rgb(66,6,3)
-
#550803
#550803
rgb(85,8,3)
-
#680904
#680904
rgb(104,9,4)
-
#7b0b05
#7b0b05
rgb(123,11,5)
-
#8e0d06
#8e0d06
rgb(142,13,6)
-
#a10e06
#a10e06
rgb(161,14,6)
-
#b41007
#b41007
rgb(180,16,7)
-
#c71208
#c71208
rgb(199,18,8)
-
#d91309
#d91309
rgb(217,19,9)
-
#ec1509
#ec1509
rgb(236,21,9)
-
#f61f13
#f61f13
rgb(246,31,19)
-
#f73126
#f73126
rgb(247,49,38)
-
#f74339
#f74339
rgb(247,67,57)
-
#f8554c
#f8554c
rgb(248,85,76)
-
#f9675f
#f9675f
rgb(249,103,95)
-
#f97972
#f97972
rgb(249,121,114)
-
#fa8b85
#fa8b85
rgb(250,139,133)
-
#fb9d98
#fb9d98
rgb(251,157,152)
-
#fcafaa
#fcafaa
rgb(252,175,170)
-
#fcc1bd
#fcc1bd
rgb(252,193,189)
-
#fdd2d0
#fdd2d0
rgb(253,210,208)
-
#fee4e3
#fee4e3
rgb(254,228,227)
-
#fff6f6
#fff6f6
rgb(255,246,246)
Tones of #f8554c
A tone is produced by adding gray to any pure hue. In this case, #a2a2a2 is the less saturated color, while #f8554c is the most saturated one.
-
#a2a2a2
#a2a2a2
rgb(162,162,162)
-
#a99b9b
#a99b9b
rgb(169,155,155)
-
#b09594
#b09594
rgb(176,149,148)
-
#b88f8c
#b88f8c
rgb(184,143,140)
-
#bf8885
#bf8885
rgb(191,136,133)
-
#c6827e
#c6827e
rgb(198,130,126)
-
#cd7b77
#cd7b77
rgb(205,123,119)
-
#d47570
#d47570
rgb(212,117,112)
-
#db6f69
#db6f69
rgb(219,111,105)
-
#e36861
#e36861
rgb(227,104,97)
-
#ea625a
#ea625a
rgb(234,98,90)
-
#f15b53
#f15b53
rgb(241,91,83)
-
#f8554c
#f8554c
rgb(248,85,76)
Color Blindness Simulator
Below, you can see how #f8554c 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.