#f64545 Color Information
In a RGB color space, hex #f64545 is composed of 96.5% red, 27.1% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72% magenta, 72% yellow and 3.5% black. It has a hue angle of 0 degrees, a saturation of 90.8% and a lightness of 61.8%. #f64545 color hex could be obtained by blending #ff8a8a with #ed0000. Closest websafe color is: #ff3333.
-
- R 96
- G 27
- B 27
-
- C 0
- M 72
- Y 72
- K 4
● #f64545 color description : Bright red.
#f64545 Color Conversion
The hexadecimal color #f64545 has RGB values of R:246, G:69, B:69 and CMYK values of C:0, M:0.72, Y:0.72, K:0.04. Its decimal value is 16139589.
Hex triplet | f64545 | #f64545 |
---|---|---|
RGB Decimal | 246, 69, 69 | rgb(246,69,69) |
RGB Percent | 96.5, 27.1, 27.1 | rgb(96.5%,27.1%,27.1%) |
CMYK | 0, 72, 72, 4 | |
HSL | 0°, 90.8, 61.8 | hsl(0,90.8%,61.8%) |
HSV (or HSB) | 0°, 72, 96.5 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 56.371, 66.493, 40.499 |
---|---|
XYZ | 41.21, 24.284, 8.147 |
xyY | 0.56, 0.33, 24.284 |
CIE-LCH | 56.371, 77.856, 31.344 |
CIE-LUV | 56.371, 136.008, 29.339 |
Hunter-Lab | 49.278, 63.038, 24.692 |
Binary | 11110110, 01000101, 01000101 |
Color Schemes with #f64545
Alternatives to #f64545
Below, you can see some colors close to #f64545. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f64545 Preview
This text has a font color of #f64545.
<span style="color:#f64545;">Text here</span>
This paragraph has a background color of #f64545.
<p style="background-color:#f64545;">Content here</p>
This element has a border color of #f64545.
<div style="border:1px solid #f64545;">Content here</div>
.text {color:#f64545;}
.background {background-color:#f64545;}
.border {border:1px solid #f64545;}
Shades and Tints of #f64545
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 #feeded is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140101
#140101
rgb(20,1,1)
-
#270202
#270202
rgb(39,2,2)
-
#390303
#390303
rgb(57,3,3)
-
#4c0404
#4c0404
rgb(76,4,4)
-
#5f0505
#5f0505
rgb(95,5,5)
-
#710505
#710505
rgb(113,5,5)
-
#840606
#840606
rgb(132,6,6)
-
#970707
#970707
rgb(151,7,7)
-
#a90808
#a90808
rgb(169,8,8)
-
#bc0909
#bc0909
rgb(188,9,9)
-
#cf0a0a
#cf0a0a
rgb(207,10,10)
-
#e20b0b
#e20b0b
rgb(226,11,11)
-
#f30d0d
#f30d0d
rgb(243,13,13)
-
#f42020
#f42020
rgb(244,32,32)
-
#f53232
#f53232
rgb(245,50,50)
-
#f64545
#f64545
rgb(246,69,69)
-
#f75858
#f75858
rgb(247,88,88)
-
#f86a6a
#f86a6a
rgb(248,106,106)
-
#f97d7d
#f97d7d
rgb(249,125,125)
-
#fa9090
#fa9090
rgb(250,144,144)
-
#fba3a3
#fba3a3
rgb(251,163,163)
-
#fbb5b5
#fbb5b5
rgb(251,181,181)
-
#fcc8c8
#fcc8c8
rgb(252,200,200)
-
#fddbdb
#fddbdb
rgb(253,219,219)
-
#feeded
#feeded
rgb(254,237,237)
Tones of #f64545
A tone is produced by adding gray to any pure hue. In this case, #a49898 is the less saturated color, while #fe3e3e is the most saturated one.
-
#a49898
#a49898
rgb(164,152,152)
-
#ab9090
#ab9090
rgb(171,144,144)
-
#b38989
#b38989
rgb(179,137,137)
-
#ba8181
#ba8181
rgb(186,129,129)
-
#c27a7a
#c27a7a
rgb(194,122,122)
-
#c97272
#c97272
rgb(201,114,114)
-
#d16b6b
#d16b6b
rgb(209,107,107)
-
#d86363
#d86363
rgb(216,99,99)
-
#e05c5c
#e05c5c
rgb(224,92,92)
-
#e75454
#e75454
rgb(231,84,84)
-
#ef4d4d
#ef4d4d
rgb(239,77,77)
-
#f64545
#f64545
rgb(246,69,69)
-
#fe3e3e
#fe3e3e
rgb(254,62,62)
Color Blindness Simulator
Below, you can see how #f64545 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.