#f64444 Color Information
In a RGB color space, hex #f64444 is composed of 96.5% red, 26.7% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.4% magenta, 72.4% yellow and 3.5% black. It has a hue angle of 0 degrees, a saturation of 90.8% and a lightness of 61.6%. #f64444 color hex could be obtained by blending #ff8888 with #ed0000. Closest websafe color is: #ff3333.
-
- R 96
- G 27
- B 27
-
- C 0
- M 72
- Y 72
- K 4
● #f64444 color description : Bright red.
#f64444 Color Conversion
The hexadecimal color #f64444 has RGB values of R:246, G:68, B:68 and CMYK values of C:0, M:0.72, Y:0.72, K:0.04. Its decimal value is 16139332.
| Hex triplet | f64444 | #f64444 |
|---|---|---|
| RGB Decimal | 246, 68, 68 | rgb(246,68,68) |
| RGB Percent | 96.5, 26.7, 26.7 | rgb(96.5%,26.7%,26.7%) |
| CMYK | 0, 72, 72, 4 | |
| HSL | 0°, 90.8, 61.6 | hsl(0,90.8%,61.6%) |
| HSV (or HSB) | 0°, 72.4, 96.5 | |
| Web Safe | ff3333 | #ff3333 |
| CIE-LAB | 56.237, 66.788, 40.903 |
|---|---|
| XYZ | 41.118, 24.149, 7.965 |
| xyY | 0.561, 0.33, 24.149 |
| CIE-LCH | 56.237, 78.318, 31.484 |
| CIE-LUV | 56.237, 136.798, 29.51 |
| Hunter-Lab | 49.142, 63.358, 24.79 |
| Binary | 11110110, 01000100, 01000100 |
Color Schemes with #f64444
Alternatives to #f64444
Below, you can see some colors close to #f64444. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f64444 Preview
This text has a font color of #f64444.
<span style="color:#f64444;">Text here</span>
This paragraph has a background color of #f64444.
<p style="background-color:#f64444;">Content here</p>
This element has a border color of #f64444.
<div style="border:1px solid #f64444;">Content here</div>
.text {color:#f64444;}
.background {background-color:#f64444;}
.border {border:1px solid #f64444;}
Shades and Tints of #f64444
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, #000000 is the darkest color, while #feecec is the lightest one.
-
#000000
#000000rgb(0,0,0) -
#130101
#130101rgb(19,1,1) -
#260202
#260202rgb(38,2,2) -
#380303
#380303rgb(56,3,3) -
#4b0404
#4b0404rgb(75,4,4) -
#5e0505
#5e0505rgb(94,5,5) -
#700505
#700505rgb(112,5,5) -
#830606
#830606rgb(131,6,6) -
#960707
#960707rgb(150,7,7) -
#a90808
#a90808rgb(169,8,8) -
#bb0909
#bb0909rgb(187,9,9) -
#ce0a0a
#ce0a0argb(206,10,10) -
#e10b0b
#e10b0brgb(225,11,11)
-
#f30c0c
#f30c0crgb(243,12,12) -
#f41f1f
#f41f1frgb(244,31,31) -
#f53131
#f53131rgb(245,49,49) -
#f64444
#f64444rgb(246,68,68) -
#f75757
#f75757rgb(247,87,87) -
#f86969
#f86969rgb(248,105,105) -
#f97c7c
#f97c7crgb(249,124,124) -
#fa8f8f
#fa8f8frgb(250,143,143) -
#fba2a2
#fba2a2rgb(251,162,162) -
#fbb4b4
#fbb4b4rgb(251,180,180) -
#fcc7c7
#fcc7c7rgb(252,199,199) -
#fddada
#fddadargb(253,218,218) -
#feecec
#feececrgb(254,236,236)
Tones of #f64444
A tone is produced by adding gray to any pure hue. In this case, #a39797 is the less saturated color, while #fe3c3c is the most saturated one.
-
#a39797
#a39797rgb(163,151,151) -
#ab8f8f
#ab8f8frgb(171,143,143) -
#b28888
#b28888rgb(178,136,136) -
#ba8080
#ba8080rgb(186,128,128) -
#c17979
#c17979rgb(193,121,121) -
#c97171
#c97171rgb(201,113,113) -
#d06a6a
#d06a6argb(208,106,106) -
#d86262
#d86262rgb(216,98,98) -
#df5b5b
#df5b5brgb(223,91,91) -
#e75353
#e75353rgb(231,83,83) -
#ee4c4c
#ee4c4crgb(238,76,76) -
#f64444
#f64444rgb(246,68,68) -
#fe3c3c
#fe3c3crgb(254,60,60)
Color Blindness Simulator
Below, you can see how #f64444 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.
