#f54150 Color Information
In a RGB color space, hex #f54150 is composed of 96.1% red, 25.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.5% magenta, 67.3% yellow and 3.9% black. It has a hue angle of 355 degrees, a saturation of 90% and a lightness of 60.8%. #f54150 color hex could be obtained by blending #ff82a0 with #eb0000. Closest websafe color is: #ff3366.
-
- R 96
- G 25
- B 31
-
- C 0
- M 73
- Y 67
- K 4
● #f54150 color description : Bright red.
#f54150 Color Conversion
The hexadecimal color #f54150 has RGB values of R:245, G:65, B:80 and CMYK values of C:0, M:0.73, Y:0.67, K:0.04. Its decimal value is 16073040.
Hex triplet | f54150 | #f54150 |
---|---|---|
RGB Decimal | 245, 65, 80 | rgb(245,65,80) |
RGB Percent | 96.1, 25.5, 31.4 | rgb(96.1%,25.5%,31.4%) |
CMYK | 0, 73, 67, 4 | |
HSL | 355°, 90, 60.8 | hsl(355,90%,60.8%) |
HSV (or HSB) | 355°, 73.5, 96.1 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 55.864, 68.022, 33.609 |
---|---|
XYZ | 40.996, 23.777, 10.02 |
xyY | 0.548, 0.318, 23.777 |
CIE-LCH | 55.864, 75.871, 26.293 |
CIE-LUV | 55.864, 134.76, 23.229 |
Hunter-Lab | 48.762, 64.74, 21.95 |
Binary | 11110101, 01000001, 01010000 |
Color Schemes with #f54150
Alternatives to #f54150
Below, you can see some colors close to #f54150. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54150 Preview
This text has a font color of #f54150.
<span style="color:#f54150;">Text here</span>
This paragraph has a background color of #f54150.
<p style="background-color:#f54150;">Content here</p>
This element has a border color of #f54150.
<div style="border:1px solid #f54150;">Content here</div>
.text {color:#f54150;}
.background {background-color:#f54150;}
.border {border:1px solid #f54150;}
Shades and Tints of #f54150
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, #0f0102 is the darkest color, while #fffbfc is the lightest one.
-
#0f0102
#0f0102
rgb(15,1,2)
-
#220204
#220204
rgb(34,2,4)
-
#340307
#340307
rgb(52,3,7)
-
#470409
#470409
rgb(71,4,9)
-
#5a050c
#5a050c
rgb(90,5,12)
-
#6c060e
#6c060e
rgb(108,6,14)
-
#7f0711
#7f0711
rgb(127,7,17)
-
#910813
#910813
rgb(145,8,19)
-
#a40916
#a40916
rgb(164,9,22)
-
#b70a18
#b70a18
rgb(183,10,24)
-
#c90b1a
#c90b1a
rgb(201,11,26)
-
#dc0c1d
#dc0c1d
rgb(220,12,29)
-
#ef0d1f
#ef0d1f
rgb(239,13,31)
-
#f31c2e
#f31c2e
rgb(243,28,46)
-
#f42e3f
#f42e3f
rgb(244,46,63)
-
#f54150
#f54150
rgb(245,65,80)
-
#f65461
#f65461
rgb(246,84,97)
-
#f76672
#f76672
rgb(247,102,114)
-
#f87983
#f87983
rgb(248,121,131)
-
#f98c95
#f98c95
rgb(249,140,149)
-
#fa9ea6
#fa9ea6
rgb(250,158,166)
-
#fbb1b7
#fbb1b7
rgb(251,177,183)
-
#fcc3c8
#fcc3c8
rgb(252,195,200)
-
#fdd6d9
#fdd6d9
rgb(253,214,217)
-
#fee9ea
#fee9ea
rgb(254,233,234)
-
#fffbfc
#fffbfc
rgb(255,251,252)
Tones of #f54150
A tone is produced by adding gray to any pure hue. In this case, #a09697 is the less saturated color, while #fd394a is the most saturated one.
-
#a09697
#a09697
rgb(160,150,151)
-
#a88e90
#a88e90
rgb(168,142,144)
-
#b0868a
#b0868a
rgb(176,134,138)
-
#b77f83
#b77f83
rgb(183,127,131)
-
#bf777d
#bf777d
rgb(191,119,125)
-
#c76f76
#c76f76
rgb(199,111,118)
-
#cf6770
#cf6770
rgb(207,103,112)
-
#d6606a
#d6606a
rgb(214,96,106)
-
#de5863
#de5863
rgb(222,88,99)
-
#e6505d
#e6505d
rgb(230,80,93)
-
#ed4956
#ed4956
rgb(237,73,86)
-
#f54150
#f54150
rgb(245,65,80)
-
#fd394a
#fd394a
rgb(253,57,74)
Color Blindness Simulator
Below, you can see how #f54150 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.