#f54656 Color Information
In a RGB color space, hex #f54656 is composed of 96.1% red, 27.5% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.4% magenta, 64.9% yellow and 3.9% black. It has a hue angle of 354.5 degrees, a saturation of 89.7% and a lightness of 61.8%. #f54656 color hex could be obtained by blending #ff8cac with #eb0000. Closest websafe color is: #ff3366.
-
- R 96
- G 27
- B 34
-
- C 0
- M 71
- Y 65
- K 4
● #f54656 color description : Bright red.
#f54656 Color Conversion
The hexadecimal color #f54656 has RGB values of R:245, G:70, B:86 and CMYK values of C:0, M:0.71, Y:0.65, K:0.04. Its decimal value is 16074326.
Hex triplet | f54656 | #f54656 |
---|---|---|
RGB Decimal | 245, 70, 86 | rgb(245,70,86) |
RGB Percent | 96.1, 27.5, 33.7 | rgb(96.1%,27.5%,33.7%) |
CMYK | 0, 71, 65, 4 | |
HSL | 354.5°, 89.7, 61.8 | hsl(354.5,89.7%,61.8%) |
HSV (or HSB) | 354.5°, 71.4, 96.1 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 56.555, 66.669, 30.996 |
---|---|
XYZ | 41.528, 24.469, 11.34 |
xyY | 0.537, 0.316, 24.469 |
CIE-LCH | 56.555, 73.523, 24.935 |
CIE-LUV | 56.555, 130.483, 21.502 |
Hunter-Lab | 49.467, 63.286, 21.035 |
Binary | 11110101, 01000110, 01010110 |
Color Schemes with #f54656
Alternatives to #f54656
Below, you can see some colors close to #f54656. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54656 Preview
This text has a font color of #f54656.
<span style="color:#f54656;">Text here</span>
This paragraph has a background color of #f54656.
<p style="background-color:#f54656;">Content here</p>
This element has a border color of #f54656.
<div style="border:1px solid #f54656;">Content here</div>
.text {color:#f54656;}
.background {background-color:#f54656;}
.border {border:1px solid #f54656;}
Shades and Tints of #f54656
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, #010000 is the darkest color, while #feedef is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140103
#140103
rgb(20,1,3)
-
#260205
#260205
rgb(38,2,5)
-
#390308
#390308
rgb(57,3,8)
-
#4c040b
#4c040b
rgb(76,4,11)
-
#5e050d
#5e050d
rgb(94,5,13)
-
#710610
#710610
rgb(113,6,16)
-
#830712
#830712
rgb(131,7,18)
-
#960815
#960815
rgb(150,8,21)
-
#a90918
#a90918
rgb(169,9,24)
-
#bb0a1a
#bb0a1a
rgb(187,10,26)
-
#ce0b1d
#ce0b1d
rgb(206,11,29)
-
#e00c20
#e00c20
rgb(224,12,32)
-
#f20e23
#f20e23
rgb(242,14,35)
-
#f32134
#f32134
rgb(243,33,52)
-
#f43345
#f43345
rgb(244,51,69)
-
#f54656
#f54656
rgb(245,70,86)
-
#f65967
#f65967
rgb(246,89,103)
-
#f76b78
#f76b78
rgb(247,107,120)
-
#f87e89
#f87e89
rgb(248,126,137)
-
#f9909a
#f9909a
rgb(249,144,154)
-
#faa3ab
#faa3ab
rgb(250,163,171)
-
#fbb6bc
#fbb6bc
rgb(251,182,188)
-
#fcc8cd
#fcc8cd
rgb(252,200,205)
-
#fddbde
#fddbde
rgb(253,219,222)
-
#feedef
#feedef
rgb(254,237,239)
Tones of #f54656
A tone is produced by adding gray to any pure hue. In this case, #a39999 is the less saturated color, while #fd3f50 is the most saturated one.
-
#a39999
#a39999
rgb(163,153,153)
-
#aa9193
#aa9193
rgb(170,145,147)
-
#b28a8d
#b28a8d
rgb(178,138,141)
-
#b98287
#b98287
rgb(185,130,135)
-
#c17b81
#c17b81
rgb(193,123,129)
-
#c8737b
#c8737b
rgb(200,115,123)
-
#d06c75
#d06c75
rgb(208,108,117)
-
#d7646f
#d7646f
rgb(215,100,111)
-
#df5d68
#df5d68
rgb(223,93,104)
-
#e65562
#e65562
rgb(230,85,98)
-
#ee4e5c
#ee4e5c
rgb(238,78,92)
-
#f54656
#f54656
rgb(245,70,86)
-
#fd3f50
#fd3f50
rgb(253,63,80)
Color Blindness Simulator
Below, you can see how #f54656 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.